#E080EB - #CEA8F0 | 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 #E080EB to #CEA8F0

#E080EB #CEA8F0

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

#E080EB - #CEA8F0 | 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 #E080EB as 0% and #CEA8F0 as 100%.

0.0%	0.0% #E080EB	RGB 224 128 235	#E080EB
16.7%	16.7% #DD86EB	RGB 221 134 235	#DD86EB
33.3%	33.3% #DA8DEC	RGB 218 141 236	#DA8DEC
50.0%	50.0% #D794ED	RGB 215 148 237	#D794ED
66.7%	66.7% #D49AEE	RGB 212 154 238	#D49AEE
83.3%	83.3% #D1A1EF	RGB 209 161 239	#D1A1EF
100.0%	100.0% #CEA8F0	RGB 206 168 240	#CEA8F0

#E080EB #DD86EB #DA8DEC #D794ED #D49AEE #D1A1EF #CEA8F0

#E080EB - #CEA8F0

HSV Blend

#E080EB - #CEA8F0 | 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 #E080EB as 0% and #CEA8F0 as 100%.

0.0%	0.0% #E080EB	RGB 224 128 235	#E080EB
16.7%	16.7% #DB86EB	RGB 219 134 235	#DB86EB
33.3%	33.3% #D78DEC	RGB 215 141 236	#D78DEC
50.0%	50.0% #D393ED	RGB 211 147 237	#D393ED
66.7%	66.7% #D19AEE	RGB 209 154 238	#D19AEE
83.3%	83.3% #CFA1EF	RGB 207 161 239	#CFA1EF
100.0%	100.0% #CEA8F0	RGB 206 168 240	#CEA8F0

#E080EB #DB86EB #D78DEC #D393ED #D19AEE #CFA1EF #CEA8F0

#E080EB - #D393ED - #CEA8F0

CSS codes

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

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