#C84DFF - #E1B2FF | 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 #C84DFF to #E1B2FF

#C84DFF #E1B2FF

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

#C84DFF - #E1B2FF | 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 #C84DFF as 0% and #E1B2FF as 100%.

0.0%	0.0% #C84DFF	RGB 200 77 255	#C84DFF
16.7%	16.7% #CC5DFF	RGB 204 93 255	#CC5DFF
33.3%	33.3% #D06EFF	RGB 208 110 255	#D06EFF
50.0%	50.0% #D47FFF	RGB 212 127 255	#D47FFF
66.7%	66.7% #D890FF	RGB 216 144 255	#D890FF
83.3%	83.3% #DCA1FF	RGB 220 161 255	#DCA1FF
100.0%	100.0% #E1B2FF	RGB 225 178 255	#E1B2FF

#C84DFF #CC5DFF #D06EFF #D47FFF #D890FF #DCA1FF #E1B2FF

#C84DFF - #E1B2FF

HSV Blend

#C84DFF - #E1B2FF | 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 #C84DFF as 0% and #E1B2FF as 100%.

0.0%	0.0% #C74DFF	RGB 199 77 255	#C74DFF
16.7%	16.7% #CB5DFF	RGB 203 93 255	#CB5DFF
33.3%	33.3% #CE6EFF	RGB 206 110 255	#CE6EFF
50.0%	50.0% #D27FFF	RGB 210 127 255	#D27FFF
66.7%	66.7% #D690FF	RGB 214 144 255	#D690FF
83.3%	83.3% #DBA1FF	RGB 219 161 255	#DBA1FF
100.0%	100.0% #E1B2FF	RGB 225 178 255	#E1B2FF

#C74DFF #CB5DFF #CE6EFF #D27FFF #D690FF #DBA1FF #E1B2FF

#C84DFF - #D27FFF - #E1B2FF

CSS codes

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

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