#C74DFF - #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 #C74DFF to #E2B2FF

#C74DFF #E2B2FF

Calculate the color between two colors, #C74DFF 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)

#C74DFF - #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 #C74DFF 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% #D06EFF	RGB 208 110 255	#D06EFF
50.0%	50.0% #D47FFF	RGB 212 127 255	#D47FFF
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

#C74DFF #CB5DFF #D06EFF #D47FFF #D990FF #DDA1FF #E2B2FF

#C74DFF - #E2B2FF

HSV Blend

#C74DFF - #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 #C74DFF as 0% and #E2B2FF as 100%.

0.0%	0.0% #C64DFF	RGB 198 77 255	#C64DFF
16.7%	16.7% #CA5DFF	RGB 202 93 255	#CA5DFF
33.3%	33.3% #CE6EFF	RGB 206 110 255	#CE6EFF
50.0%	50.0% #D27FFF	RGB 210 127 255	#D27FFF
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

#C64DFF #CA5DFF #CE6EFF #D27FFF #D790FF #DCA1FF #E2B2FF

#C74DFF - #D27FFF - #E2B2FF

CSS codes

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

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