Claret Gradient

Claret Gradient CSS3 Code

The Claret gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #7f1734, this gradient showcases a visual transformation through shade variation, transitioning from #7F1734 to #700825, #610016, and #8E2643. Embrace the claret gradient to add a striking touch to your web designs, graphic arts, or creative projects. This color combination was created by hexcolor.co. The Hex, RGB, and CMYK codes are in the table below.

background: #7F1734; background: linear-gradient(to bottom, #7F1734 0%, #700825 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7F1734), color-stop(100%, #700825)); background: -webkit-linear-gradient(top, #7F1734 0%, #700825 100%); background: -moz-linear-gradient(top, #7F1734 0%, #700825 100%); background: -o-linear-gradient(top, #7F1734 0%, #700825 100%); background: -ms-linear-gradient(top, #7F1734 0%, #700825 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F1734', endColorstr='#700825', GradientType=0); border: 1px solid #610016; box-shadow: inset 0 1px 0 #8E2643; -webkit-box-shadow: inset 0 1px 0 #8E2643; -moz-box-shadow: inset 0 1px 0 #8E2643;

Claret Gradient Color Palette

Color Hex RGB CMYK
#7F1734 127, 23, 52 0%, 81%, 59%, 50%
#700825 112, 8, 37 0%, 92%, 66%, 56%
#610016 97, 0, 22 0%, 100%, 77%, 61%
#8E2643 142, 38, 67 0%, 73%, 52%, 44%
Did you know our free color tools?