#C855C8 - #EFCEEF | 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 #C855C8 to #EFCEEF

#C855C8 #EFCEEF

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

#C855C8 - #EFCEEF | 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 #C855C8 as 0% and #EFCEEF as 100%.

0.0%	0.0% #C855C8	RGB 200 85 200	#C855C8
16.7%	16.7% #CE69CE	RGB 206 105 206	#CE69CE
33.3%	33.3% #D57DD5	RGB 213 125 213	#D57DD5
50.0%	50.0% #DB91DB	RGB 219 145 219	#DB91DB
66.7%	66.7% #E2A5E2	RGB 226 165 226	#E2A5E2
83.3%	83.3% #E8B9E8	RGB 232 185 232	#E8B9E8
100.0%	100.0% #EFCEEF	RGB 239 206 239	#EFCEEF

#C855C8 #CE69CE #D57DD5 #DB91DB #E2A5E2 #E8B9E8 #EFCEEF

#C855C8 - #EFCEEF

HSV Blend

#C855C8 - #EFCEEF | 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 #C855C8 as 0% and #EFCEEF as 100%.

0.0%	0.0% #C854C8	RGB 200 84 200	#C854C8
16.7%	16.7% #CE66CE	RGB 206 102 206	#CE66CE
33.3%	33.3% #D579D5	RGB 213 121 213	#D579D5
50.0%	50.0% #DB8DDB	RGB 219 141 219	#DB8DDB
66.7%	66.7% #E2A1E2	RGB 226 161 226	#E2A1E2
83.3%	83.3% #E8B7E8	RGB 232 183 232	#E8B7E8
100.0%	100.0% #EFCEEF	RGB 239 206 239	#EFCEEF

#C854C8 #CE66CE #D579D5 #DB8DDB #E2A1E2 #E8B7E8 #EFCEEF

#C855C8 - #DB8DDB - #EFCEEF

CSS codes

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

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