#E5CCC4 - #CF8571 | 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 #E5CCC4 to #CF8571

#E5CCC4 #CF8571

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

#E5CCC4 - #CF8571 | 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 #E5CCC4 as 0% and #CF8571 as 100%.

0.0%	0.0% #E5CCC4	RGB 229 204 196	#E5CCC4
16.7%	16.7% #E1C0B6	RGB 225 192 182	#E1C0B6
33.3%	33.3% #DDB4A8	RGB 221 180 168	#DDB4A8
50.0%	50.0% #DAA89A	RGB 218 168 154	#DAA89A
66.7%	66.7% #D69C8C	RGB 214 156 140	#D69C8C
83.3%	83.3% #D2907E	RGB 210 144 126	#D2907E
100.0%	100.0% #CF8571	RGB 207 133 113	#CF8571

#E5CCC4 #E1C0B6 #DDB4A8 #DAA89A #D69C8C #D2907E #CF8571

#E5CCC4 - #CF8571

HSV Blend

#E5CCC4 - #CF8571 | 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 #E5CCC4 as 0% and #CF8571 as 100%.

0.0%	0.0% #E5CCC4	RGB 229 204 196	#E5CCC4
16.7%	16.7% #E1BFB5	RGB 225 191 181	#E1BFB5
33.3%	33.3% #DDB3A6	RGB 221 179 166	#DDB3A6
50.0%	50.0% #DAA798	RGB 218 167 152	#DAA798
66.7%	66.7% #D69B8B	RGB 214 155 139	#D69B8B
83.3%	83.3% #D2907D	RGB 210 144 125	#D2907D
100.0%	100.0% #CF8571	RGB 207 133 113	#CF8571

#E5CCC4 #E1BFB5 #DDB3A6 #DAA798 #D69B8B #D2907D #CF8571

#E5CCC4 - #DAA798 - #CF8571

CSS codes

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

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