#EDDFE2 - #C0959E | 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 #EDDFE2 to #C0959E

#EDDFE2 #C0959E

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

#EDDFE2 - #C0959E | 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 #EDDFE2 as 0% and #C0959E as 100%.

0.0%	0.0% #EDDFE2	RGB 237 223 226	#EDDFE2
16.7%	16.7% #E5D2D6	RGB 229 210 214	#E5D2D6
33.3%	33.3% #DEC6CB	RGB 222 198 203	#DEC6CB
50.0%	50.0% #D6BAC0	RGB 214 186 192	#D6BAC0
66.7%	66.7% #CFADB4	RGB 207 173 180	#CFADB4
83.3%	83.3% #C7A1A9	RGB 199 161 169	#C7A1A9
100.0%	100.0% #C0959E	RGB 192 149 158	#C0959E

#EDDFE2 #E5D2D6 #DEC6CB #D6BAC0 #CFADB4 #C7A1A9 #C0959E

#EDDFE2 - #C0959E

HSV Blend

#EDDFE2 - #C0959E | 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 #EDDFE2 as 0% and #C0959E as 100%.

0.0%	0.0% #EDDFE2	RGB 237 223 226	#EDDFE2
16.7%	16.7% #E5D1D5	RGB 229 209 213	#E5D1D5
33.3%	33.3% #DEC4CA	RGB 222 196 202	#DEC4CA
50.0%	50.0% #D6B8BE	RGB 214 184 190	#D6B8BE
66.7%	66.7% #CFACB3	RGB 207 172 179	#CFACB3
83.3%	83.3% #C7A0A8	RGB 199 160 168	#C7A0A8
100.0%	100.0% #C0959E	RGB 192 149 158	#C0959E

#EDDFE2 #E5D1D5 #DEC4CA #D6B8BE #CFACB3 #C7A0A8 #C0959E

#EDDFE2 - #D6B8BE - #C0959E

CSS codes

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

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