#CF8F5E - #A35519 | 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 #CF8F5E to #A35519

#CF8F5E #A35519

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

#CF8F5E - #A35519 | 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 #CF8F5E as 0% and #A35519 as 100%.

0.0%	0.0% #CF8F5E	RGB 207 143 94	#CF8F5E
16.7%	16.7% #C78552	RGB 199 133 82	#C78552
33.3%	33.3% #C07B47	RGB 192 123 71	#C07B47
50.0%	50.0% #B9723B	RGB 185 114 59	#B9723B
66.7%	66.7% #B16830	RGB 177 104 48	#B16830
83.3%	83.3% #AA5E24	RGB 170 94 36	#AA5E24
100.0%	100.0% #A35519	RGB 163 85 25	#A35519

#CF8F5E #C78552 #C07B47 #B9723B #B16830 #AA5E24 #A35519

#CF8F5E - #A35519

HSV Blend

#CF8F5E - #A35519 | 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 #CF8F5E as 0% and #A35519 as 100%.

0.0%	0.0% #CF8F5E	RGB 207 143 94	#CF8F5E
16.7%	16.7% #C78450	RGB 199 132 80	#C78450
33.3%	33.3% #C07944	RGB 192 121 68	#C07944
50.0%	50.0% #B97038	RGB 185 112 56	#B97038
66.7%	66.7% #B1662D	RGB 177 102 45	#B1662D
83.3%	83.3% #AA5D22	RGB 170 93 34	#AA5D22
100.0%	100.0% #A35519	RGB 163 85 25	#A35519

#CF8F5E #C78450 #C07944 #B97038 #B1662D #AA5D22 #A35519

#CF8F5E - #B97038 - #A35519

CSS codes

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

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