#EFC1ED - #CE55AF | 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 #EFC1ED to #CE55AF

#EFC1ED #CE55AF

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

#EFC1ED - #CE55AF | 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 #EFC1ED as 0% and #CE55AF as 100%.

0.0%	0.0% #EFC1ED	RGB 239 193 237	#EFC1ED
16.7%	16.7% #E9AFE2	RGB 233 175 226	#E9AFE2
33.3%	33.3% #E49DD8	RGB 228 157 216	#E49DD8
50.0%	50.0% #DE8BCE	RGB 222 139 206	#DE8BCE
66.7%	66.7% #D979C3	RGB 217 121 195	#D979C3
83.3%	83.3% #D367B9	RGB 211 103 185	#D367B9
100.0%	100.0% #CE55AF	RGB 206 85 175	#CE55AF

#EFC1ED #E9AFE2 #E49DD8 #DE8BCE #D979C3 #D367B9 #CE55AF

#EFC1ED - #CE55AF

HSV Blend

#EFC1ED - #CE55AF | 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 #EFC1ED as 0% and #CE55AF as 100%.

0.0%	0.0% #EFC1ED	RGB 239 193 237	#EFC1ED
16.7%	16.7% #E9ADE4	RGB 233 173 228	#E9ADE4
33.3%	33.3% #E49ADB	RGB 228 154 219	#E49ADB
50.0%	50.0% #DE87D1	RGB 222 135 209	#DE87D1
66.7%	66.7% #D976C6	RGB 217 118 198	#D976C6
83.3%	83.3% #D365BB	RGB 211 101 187	#D365BB
100.0%	100.0% #CE55AF	RGB 206 85 175	#CE55AF

#EFC1ED #E9ADE4 #E49ADB #DE87D1 #D976C6 #D365BB #CE55AF

#EFC1ED - #DE87D1 - #CE55AF

CSS codes

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

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