#EED3E9 - #CD76A8 | 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 #EED3E9 to #CD76A8

#EED3E9 #CD76A8

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

#EED3E9 - #CD76A8 | 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 #EED3E9 as 0% and #CD76A8 as 100%.

0.0%	0.0% #EED3E9	RGB 238 211 233	#EED3E9
16.7%	16.7% #E8C3DE	RGB 232 195 222	#E8C3DE
33.3%	33.3% #E3B4D3	RGB 227 180 211	#E3B4D3
50.0%	50.0% #DDA4C8	RGB 221 164 200	#DDA4C8
66.7%	66.7% #D895BD	RGB 216 149 189	#D895BD
83.3%	83.3% #D285B2	RGB 210 133 178	#D285B2
100.0%	100.0% #CD76A8	RGB 205 118 168	#CD76A8

#EED3E9 #E8C3DE #E3B4D3 #DDA4C8 #D895BD #D285B2 #CD76A8

#EED3E9 - #CD76A8

HSV Blend

#EED3E9 - #CD76A8 | 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 #EED3E9 as 0% and #CD76A8 as 100%.

0.0%	0.0% #EED3E9	RGB 238 211 233	#EED3E9
16.7%	16.7% #E8C2DF	RGB 232 194 223	#E8C2DF
33.3%	33.3% #E3B1D5	RGB 227 177 213	#E3B1D5
50.0%	50.0% #DDA1CB	RGB 221 161 203	#DDA1CB
66.7%	66.7% #D892C0	RGB 216 146 192	#D892C0
83.3%	83.3% #D284B4	RGB 210 132 180	#D284B4
100.0%	100.0% #CD76A8	RGB 205 118 168	#CD76A8

#EED3E9 #E8C2DF #E3B1D5 #DDA1CB #D892C0 #D284B4 #CD76A8

#EED3E9 - #DDA1CB - #CD76A8

CSS codes

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

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