#CF967D - #AD572D | 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 #CF967D to #AD572D

#CF967D #AD572D

Calculate the color between two colors, #CF967D and #AD572D. 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)

#CF967D - #AD572D | 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 #CF967D as 0% and #AD572D as 100%.

0.0%	0.0% #CF967D	RGB 207 150 125	#CF967D
16.7%	16.7% #C98B6F	RGB 201 139 111	#C98B6F
33.3%	33.3% #C38162	RGB 195 129 98	#C38162
50.0%	50.0% #BE7655	RGB 190 118 85	#BE7655
66.7%	66.7% #B86C47	RGB 184 108 71	#B86C47
83.3%	83.3% #B2613A	RGB 178 97 58	#B2613A
100.0%	100.0% #AD572D	RGB 173 87 45	#AD572D

#CF967D #C98B6F #C38162 #BE7655 #B86C47 #B2613A #AD572D

#CF967D - #AD572D

HSV Blend

#CF967D - #AD572D | 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 #CF967D as 0% and #AD572D as 100%.

0.0%	0.0% #CF967D	RGB 207 150 125	#CF967D
16.7%	16.7% #C98A6E	RGB 201 138 110	#C98A6E
33.3%	33.3% #C37E5F	RGB 195 126 95	#C37E5F
50.0%	50.0% #BE7452	RGB 190 116 82	#BE7452
66.7%	66.7% #B86945	RGB 184 105 69	#B86945
83.3%	83.3% #B26038	RGB 178 96 56	#B26038
100.0%	100.0% #AD572D	RGB 173 87 45	#AD572D

#CF967D #C98A6E #C37E5F #BE7452 #B86945 #B26038 #AD572D

#CF967D - #BE7452 - #AD572D

CSS codes

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

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