#EDDEE8 - #CB8AA8 | 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 #EDDEE8 to #CB8AA8

#EDDEE8 #CB8AA8

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

#EDDEE8 - #CB8AA8 | 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 #EDDEE8 as 0% and #CB8AA8 as 100%.

0.0%	0.0% #EDDEE8	RGB 237 222 232	#EDDEE8
16.7%	16.7% #E7D0DD	RGB 231 208 221	#E7D0DD
33.3%	33.3% #E1C2D2	RGB 225 194 210	#E1C2D2
50.0%	50.0% #DCB4C8	RGB 220 180 200	#DCB4C8
66.7%	66.7% #D6A6BD	RGB 214 166 189	#D6A6BD
83.3%	83.3% #D098B2	RGB 208 152 178	#D098B2
100.0%	100.0% #CB8AA8	RGB 203 138 168	#CB8AA8

#EDDEE8 #E7D0DD #E1C2D2 #DCB4C8 #D6A6BD #D098B2 #CB8AA8

#EDDEE8 - #CB8AA8

HSV Blend

#EDDEE8 - #CB8AA8 | 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 #EDDEE8 as 0% and #CB8AA8 as 100%.

0.0%	0.0% #EDDEE8	RGB 237 222 232	#EDDEE8
16.7%	16.7% #E7CEDE	RGB 231 206 222	#E7CEDE
33.3%	33.3% #E1C0D4	RGB 225 192 212	#E1C0D4
50.0%	50.0% #DCB1C9	RGB 220 177 201	#DCB1C9
66.7%	66.7% #D6A4BE	RGB 214 164 190	#D6A4BE
83.3%	83.3% #D096B3	RGB 208 150 179	#D096B3
100.0%	100.0% #CB8AA8	RGB 203 138 168	#CB8AA8

#EDDEE8 #E7CEDE #E1C0D4 #DCB1C9 #D6A4BE #D096B3 #CB8AA8

#EDDEE8 - #DCB1C9 - #CB8AA8

CSS codes

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

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