#CC987C - #AA522C | 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 #CC987C to #AA522C

#CC987C #AA522C

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

#CC987C - #AA522C | 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 #CC987C as 0% and #AA522C as 100%.

0.0%	0.0% #CC987C	RGB 204 152 124	#CC987C
16.7%	16.7% #C68C6E	RGB 198 140 110	#C68C6E
33.3%	33.3% #C08061	RGB 192 128 97	#C08061
50.0%	50.0% #BB7554	RGB 187 117 84	#BB7554
66.7%	66.7% #B56946	RGB 181 105 70	#B56946
83.3%	83.3% #AF5D39	RGB 175 93 57	#AF5D39
100.0%	100.0% #AA522C	RGB 170 82 44	#AA522C

#CC987C #C68C6E #C08061 #BB7554 #B56946 #AF5D39 #AA522C

#CC987C - #AA522C

HSV Blend

#CC987C - #AA522C | 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 #CC987C as 0% and #AA522C as 100%.

0.0%	0.0% #CC987C	RGB 204 152 124	#CC987C
16.7%	16.7% #C68B6D	RGB 198 139 109	#C68B6D
33.3%	33.3% #C07F5E	RGB 192 127 94	#C07F5E
50.0%	50.0% #BB7351	RGB 187 115 81	#BB7351
66.7%	66.7% #B56844	RGB 181 104 68	#B56844
83.3%	83.3% #AF5C37	RGB 175 92 55	#AF5C37
100.0%	100.0% #AA522C	RGB 170 82 44	#AA522C

#CC987C #C68B6D #C07F5E #BB7351 #B56844 #AF5C37 #AA522C

#CC987C - #BB7351 - #AA522C

CSS codes

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

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