#EEC4EB - #CD5BAC | 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 #EEC4EB to #CD5BAC

#EEC4EB #CD5BAC

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

#EEC4EB - #CD5BAC | 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 #EEC4EB as 0% and #CD5BAC as 100%.

0.0%	0.0% #EEC4EB	RGB 238 196 235	#EEC4EB
16.7%	16.7% #E8B2E0	RGB 232 178 224	#E8B2E0
33.3%	33.3% #E3A1D6	RGB 227 161 214	#E3A1D6
50.0%	50.0% #DD8FCB	RGB 221 143 203	#DD8FCB
66.7%	66.7% #D87EC1	RGB 216 126 193	#D87EC1
83.3%	83.3% #D26CB6	RGB 210 108 182	#D26CB6
100.0%	100.0% #CD5BAC	RGB 205 91 172	#CD5BAC

#EEC4EB #E8B2E0 #E3A1D6 #DD8FCB #D87EC1 #D26CB6 #CD5BAC

#EEC4EB - #CD5BAC

HSV Blend

#EEC4EB - #CD5BAC | 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 #EEC4EB as 0% and #CD5BAC as 100%.

0.0%	0.0% #EEC4EB	RGB 238 196 235	#EEC4EB
16.7%	16.7% #E8B0E2	RGB 232 176 226	#E8B0E2
33.3%	33.3% #E39ED9	RGB 227 158 217	#E39ED9
50.0%	50.0% #DD8CCE	RGB 221 140 206	#DD8CCE
66.7%	66.7% #D87BC3	RGB 216 123 195	#D87BC3
83.3%	83.3% #D26AB8	RGB 210 106 184	#D26AB8
100.0%	100.0% #CD5BAC	RGB 205 91 172	#CD5BAC

#EEC4EB #E8B0E2 #E39ED9 #DD8CCE #D87BC3 #D26AB8 #CD5BAC

#EEC4EB - #DD8CCE - #CD5BAC

CSS codes

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

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