#ECDEDC - #CD908E | 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 #ECDEDC to #CD908E

#ECDEDC #CD908E

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

#ECDEDC - #CD908E | 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 #ECDEDC as 0% and #CD908E as 100%.

0.0%	0.0% #ECDEDC	RGB 236 222 220	#ECDEDC
16.7%	16.7% #E6D1CF	RGB 230 209 207	#E6D1CF
33.3%	33.3% #E1C4C2	RGB 225 196 194	#E1C4C2
50.0%	50.0% #DCB7B5	RGB 220 183 181	#DCB7B5
66.7%	66.7% #D7AAA8	RGB 215 170 168	#D7AAA8
83.3%	83.3% #D29D9B	RGB 210 157 155	#D29D9B
100.0%	100.0% #CD908E	RGB 205 144 142	#CD908E

#ECDEDC #E6D1CF #E1C4C2 #DCB7B5 #D7AAA8 #D29D9B #CD908E

#ECDEDC - #CD908E

HSV Blend

#ECDEDC - #CD908E | 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 #ECDEDC as 0% and #CD908E as 100%.

0.0%	0.0% #ECDEDC	RGB 236 222 220	#ECDEDC
16.7%	16.7% #E6D0CD	RGB 230 208 205	#E6D0CD
33.3%	33.3% #E1C3C0	RGB 225 195 192	#E1C3C0
50.0%	50.0% #DCB6B3	RGB 220 182 179	#DCB6B3
66.7%	66.7% #D7A9A6	RGB 215 169 166	#D7A9A6
83.3%	83.3% #D29C99	RGB 210 156 153	#D29C99
100.0%	100.0% #CD908E	RGB 205 144 142	#CD908E

#ECDEDC #E6D0CD #E1C3C0 #DCB6B3 #D7A9A6 #D29C99 #CD908E

#ECDEDC - #DCB6B3 - #CD908E

CSS codes

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

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