#CB8F7E - #AA472E | 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 #CB8F7E to #AA472E

#CB8F7E #AA472E

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

#CB8F7E - #AA472E | 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 #CB8F7E as 0% and #AA472E as 100%.

0.0%	0.0% #CB8F7E	RGB 203 143 126	#CB8F7E
16.7%	16.7% #C58370	RGB 197 131 112	#C58370
33.3%	33.3% #C07763	RGB 192 119 99	#C07763
50.0%	50.0% #BA6B56	RGB 186 107 86	#BA6B56
66.7%	66.7% #B55F48	RGB 181 95 72	#B55F48
83.3%	83.3% #AF533B	RGB 175 83 59	#AF533B
100.0%	100.0% #AA472E	RGB 170 71 46	#AA472E

#CB8F7E #C58370 #C07763 #BA6B56 #B55F48 #AF533B #AA472E

#CB8F7E - #AA472E

HSV Blend

#CB8F7E - #AA472E | 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 #CB8F7E as 0% and #AA472E as 100%.

0.0%	0.0% #CB8F7E	RGB 203 143 126	#CB8F7E
16.7%	16.7% #C5816F	RGB 197 129 111	#C5816F
33.3%	33.3% #C07560	RGB 192 117 96	#C07560
50.0%	50.0% #BA6853	RGB 186 104 83	#BA6853
66.7%	66.7% #B55D46	RGB 181 93 70	#B55D46
83.3%	83.3% #AF5139	RGB 175 81 57	#AF5139
100.0%	100.0% #AA472E	RGB 170 71 46	#AA472E

#CB8F7E #C5816F #C07560 #BA6853 #B55D46 #AF5139 #AA472E

#CB8F7E - #BA6853 - #AA472E

CSS codes

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

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