#C4967F - #A2502E | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C4967F to #A2502E

#C4967F #A2502E

Calculate the color between two colors, #C4967F and #A2502E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C4967F - #A2502E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C4967F as 0% and #A2502E as 100%.

0.0%	0.0% #C4967F	RGB 196 150 127	#C4967F
16.7%	16.7% #BE8A71	RGB 190 138 113	#BE8A71
33.3%	33.3% #B87E64	RGB 184 126 100	#B87E64
50.0%	50.0% #B37356	RGB 179 115 86	#B37356
66.7%	66.7% #AD6749	RGB 173 103 73	#AD6749
83.3%	83.3% #A75B3B	RGB 167 91 59	#A75B3B
100.0%	100.0% #A2502E	RGB 162 80 46	#A2502E

#C4967F #BE8A71 #B87E64 #B37356 #AD6749 #A75B3B #A2502E

#C4967F - #A2502E

HSV Blend

#C4967F - #A2502E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C4967F as 0% and #A2502E as 100%.

0.0%	0.0% #C4967F	RGB 196 150 127	#C4967F
16.7%	16.7% #BE896F	RGB 190 137 111	#BE896F
33.3%	33.3% #B87D61	RGB 184 125 97	#B87D61
50.0%	50.0% #B37153	RGB 179 113 83	#B37153
66.7%	66.7% #AD6546	RGB 173 101 70	#AD6546
83.3%	83.3% #A75A39	RGB 167 90 57	#A75A39
100.0%	100.0% #A2502E	RGB 162 80 46	#A2502E

#C4967F #BE896F #B87D61 #B37153 #AD6546 #A75A39 #A2502E

#C4967F - #B37153 - #A2502E

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C4967F 0%, #A2502E 100%);
    background: -webkit-linear-gradient(top, #C4967F 0%, #A2502E 100%);
    background: linear-gradient(to bottom, #C4967F 0%, #A2502E 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4967F 0%, #B37153 50%, #A2502E 100%);
    background: -webkit-linear-gradient(top, #C4967F 0%, #B37153 50%, #A2502E 100%);
    background: linear-gradient(to bottom, #C4967F 0%, #B37153 50%, #A2502E 100%);
}
</style>