#CF9C7E - #AE562E | 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 #CF9C7E to #AE562E

#CF9C7E #AE562E

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

#CF9C7E - #AE562E | 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 #CF9C7E as 0% and #AE562E as 100%.

0.0%	0.0% #CF9C7E	RGB 207 156 126	#CF9C7E
16.7%	16.7% #C99070	RGB 201 144 112	#C99070
33.3%	33.3% #C48463	RGB 196 132 99	#C48463
50.0%	50.0% #BE7956	RGB 190 121 86	#BE7956
66.7%	66.7% #B96D48	RGB 185 109 72	#B96D48
83.3%	83.3% #B3613B	RGB 179 97 59	#B3613B
100.0%	100.0% #AE562E	RGB 174 86 46	#AE562E

#CF9C7E #C99070 #C48463 #BE7956 #B96D48 #B3613B #AE562E

#CF9C7E - #AE562E

HSV Blend

#CF9C7E - #AE562E | 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 #CF9C7E as 0% and #AE562E as 100%.

0.0%	0.0% #CF9C7E	RGB 207 156 126	#CF9C7E
16.7%	16.7% #C98F6F	RGB 201 143 111	#C98F6F
33.3%	33.3% #C48360	RGB 196 131 96	#C48360
50.0%	50.0% #BE7753	RGB 190 119 83	#BE7753
66.7%	66.7% #B96C46	RGB 185 108 70	#B96C46
83.3%	83.3% #B36039	RGB 179 96 57	#B36039
100.0%	100.0% #AE562E	RGB 174 86 46	#AE562E

#CF9C7E #C98F6F #C48360 #BE7753 #B96C46 #B36039 #AE562E

#CF9C7E - #BE7753 - #AE562E

CSS codes

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

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