#EED0EB - #CE6FAB | 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 #EED0EB to #CE6FAB

#EED0EB #CE6FAB

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

#EED0EB - #CE6FAB | 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 #EED0EB as 0% and #CE6FAB as 100%.

0.0%	0.0% #EED0EB	RGB 238 208 235	#EED0EB
16.7%	16.7% #E8BFE0	RGB 232 191 224	#E8BFE0
33.3%	33.3% #E3AFD5	RGB 227 175 213	#E3AFD5
50.0%	50.0% #DE9FCB	RGB 222 159 203	#DE9FCB
66.7%	66.7% #D88FC0	RGB 216 143 192	#D88FC0
83.3%	83.3% #D37FB5	RGB 211 127 181	#D37FB5
100.0%	100.0% #CE6FAB	RGB 206 111 171	#CE6FAB

#EED0EB #E8BFE0 #E3AFD5 #DE9FCB #D88FC0 #D37FB5 #CE6FAB

#EED0EB - #CE6FAB

HSV Blend

#EED0EB - #CE6FAB | 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 #EED0EB as 0% and #CE6FAB as 100%.

0.0%	0.0% #EED0EB	RGB 238 208 235	#EED0EB
16.7%	16.7% #E8BEE2	RGB 232 190 226	#E8BEE2
33.3%	33.3% #E3ADD9	RGB 227 173 217	#E3ADD9
50.0%	50.0% #DE9CCE	RGB 222 156 206	#DE9CCE
66.7%	66.7% #D88CC3	RGB 216 140 195	#D88CC3
83.3%	83.3% #D37DB7	RGB 211 125 183	#D37DB7
100.0%	100.0% #CE6FAB	RGB 206 111 171	#CE6FAB

#EED0EB #E8BEE2 #E3ADD9 #DE9CCE #D88CC3 #D37DB7 #CE6FAB

#EED0EB - #DE9CCE - #CE6FAB

CSS codes

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

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