#E6D6CF - #CF947E | 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 #E6D6CF to #CF947E

#E6D6CF #CF947E

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

#E6D6CF - #CF947E | 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 #E6D6CF as 0% and #CF947E as 100%.

0.0%	0.0% #E6D6CF	RGB 230 214 207	#E6D6CF
16.7%	16.7% #E2CBC1	RGB 226 203 193	#E2CBC1
33.3%	33.3% #DEC0B4	RGB 222 192 180	#DEC0B4
50.0%	50.0% #DAB5A6	RGB 218 181 166	#DAB5A6
66.7%	66.7% #D6AA99	RGB 214 170 153	#D6AA99
83.3%	83.3% #D29F8B	RGB 210 159 139	#D29F8B
100.0%	100.0% #CF947E	RGB 207 148 126	#CF947E

#E6D6CF #E2CBC1 #DEC0B4 #DAB5A6 #D6AA99 #D29F8B #CF947E

#E6D6CF - #CF947E

HSV Blend

#E6D6CF - #CF947E | 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 #E6D6CF as 0% and #CF947E as 100%.

0.0%	0.0% #E6D6CF	RGB 230 214 207	#E6D6CF
16.7%	16.7% #E2CAC0	RGB 226 202 192	#E2CAC0
33.3%	33.3% #DEBFB2	RGB 222 191 178	#DEBFB2
50.0%	50.0% #DAB4A4	RGB 218 180 164	#DAB4A4
66.7%	66.7% #D6A997	RGB 214 169 151	#D6A997
83.3%	83.3% #D29E8A	RGB 210 158 138	#D29E8A
100.0%	100.0% #CF947E	RGB 207 148 126	#CF947E

#E6D6CF #E2CAC0 #DEBFB2 #DAB4A4 #D6A997 #D29E8A #CF947E

#E6D6CF - #DAB4A4 - #CF947E

CSS codes

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

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