#CF8D6B - #AA4821 | 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 #CF8D6B to #AA4821

#CF8D6B #AA4821

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

#CF8D6B - #AA4821 | 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 #CF8D6B as 0% and #AA4821 as 100%.

0.0%	0.0% #CF8D6B	RGB 207 141 107	#CF8D6B
16.7%	16.7% #C8815E	RGB 200 129 94	#C8815E
33.3%	33.3% #C27652	RGB 194 118 82	#C27652
50.0%	50.0% #BC6A46	RGB 188 106 70	#BC6A46
66.7%	66.7% #B65F39	RGB 182 95 57	#B65F39
83.3%	83.3% #B0532D	RGB 176 83 45	#B0532D
100.0%	100.0% #AA4821	RGB 170 72 33	#AA4821

#CF8D6B #C8815E #C27652 #BC6A46 #B65F39 #B0532D #AA4821

#CF8D6B - #AA4821

HSV Blend

#CF8D6B - #AA4821 | 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 #CF8D6B as 0% and #AA4821 as 100%.

0.0%	0.0% #CF8D6B	RGB 207 141 107	#CF8D6B
16.7%	16.7% #C8805D	RGB 200 128 93	#C8805D
33.3%	33.3% #C2744F	RGB 194 116 79	#C2744F
50.0%	50.0% #BC6843	RGB 188 104 67	#BC6843
66.7%	66.7% #B65D37	RGB 182 93 55	#B65D37
83.3%	83.3% #B0522B	RGB 176 82 43	#B0522B
100.0%	100.0% #AA4821	RGB 170 72 33	#AA4821

#CF8D6B #C8805D #C2744F #BC6843 #B65D37 #B0522B #AA4821

#CF8D6B - #BC6843 - #AA4821

CSS codes

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

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