#E5CCC3 - #CF8670 | 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 #E5CCC3 to #CF8670

#E5CCC3 #CF8670

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

#E5CCC3 - #CF8670 | 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 #E5CCC3 as 0% and #CF8670 as 100%.

0.0%	0.0% #E5CCC3	RGB 229 204 195	#E5CCC3
16.7%	16.7% #E1C0B5	RGB 225 192 181	#E1C0B5
33.3%	33.3% #DDB4A7	RGB 221 180 167	#DDB4A7
50.0%	50.0% #DAA999	RGB 218 169 153	#DAA999
66.7%	66.7% #D69D8B	RGB 214 157 139	#D69D8B
83.3%	83.3% #D2917D	RGB 210 145 125	#D2917D
100.0%	100.0% #CF8670	RGB 207 134 112	#CF8670

#E5CCC3 #E1C0B5 #DDB4A7 #DAA999 #D69D8B #D2917D #CF8670

#E5CCC3 - #CF8670

HSV Blend

#E5CCC3 - #CF8670 | 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 #E5CCC3 as 0% and #CF8670 as 100%.

0.0%	0.0% #E5CCC3	RGB 229 204 195	#E5CCC3
16.7%	16.7% #E1BFB4	RGB 225 191 180	#E1BFB4
33.3%	33.3% #DDB3A5	RGB 221 179 165	#DDB3A5
50.0%	50.0% #DAA897	RGB 218 168 151	#DAA897
66.7%	66.7% #D69C8A	RGB 214 156 138	#D69C8A
83.3%	83.3% #D2917C	RGB 210 145 124	#D2917C
100.0%	100.0% #CF8670	RGB 207 134 112	#CF8670

#E5CCC3 #E1BFB4 #DDB3A5 #DAA897 #D69C8A #D2917C #CF8670

#E5CCC3 - #DAA897 - #CF8670

CSS codes

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

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