#C84DFF - #E2B2FF | 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 #E2B2FF

#C84DFF #E2B2FF

Calculate the color between two colors, #C84DFF and #E2B2FF. 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 - #E2B2FF | 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 #E2B2FF 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% #D57FFF	RGB 213 127 255	#D57FFF
66.7%	66.7% #D990FF	RGB 217 144 255	#D990FF
83.3%	83.3% #DDA1FF	RGB 221 161 255	#DDA1FF
100.0%	100.0% #E2B2FF	RGB 226 178 255	#E2B2FF

#C84DFF #CC5DFF #D06EFF #D57FFF #D990FF #DDA1FF #E2B2FF

#C84DFF - #E2B2FF

HSV Blend

#C84DFF - #E2B2FF | 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 #E2B2FF 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% #CF6EFF	RGB 207 110 255	#CF6EFF
50.0%	50.0% #D37FFF	RGB 211 127 255	#D37FFF
66.7%	66.7% #D790FF	RGB 215 144 255	#D790FF
83.3%	83.3% #DCA1FF	RGB 220 161 255	#DCA1FF
100.0%	100.0% #E2B2FF	RGB 226 178 255	#E2B2FF

#C74DFF #CB5DFF #CF6EFF #D37FFF #D790FF #DCA1FF #E2B2FF

#C84DFF - #D37FFF - #E2B2FF

CSS codes

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

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