#CE96FF - #751CCD | 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 #CE96FF to #751CCD

#CE96FF #751CCD

Calculate the color between two colors, #CE96FF and #751CCD. 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)

#CE96FF - #751CCD | 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 #CE96FF as 0% and #751CCD as 100%.

0.0%	0.0% #CE96FF	RGB 206 150 255	#CE96FF
16.7%	16.7% #BF81F6	RGB 191 129 246	#BF81F6
33.3%	33.3% #B06DEE	RGB 176 109 238	#B06DEE
50.0%	50.0% #A159E6	RGB 161 89 230	#A159E6
66.7%	66.7% #9244DD	RGB 146 68 221	#9244DD
83.3%	83.3% #8330D5	RGB 131 48 213	#8330D5
100.0%	100.0% #751CCD	RGB 117 28 205	#751CCD

#CE96FF #BF81F6 #B06DEE #A159E6 #9244DD #8330D5 #751CCD

#CE96FF - #751CCD

HSV Blend

#CE96FF - #751CCD | 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 #CE96FF as 0% and #751CCD as 100%.

0.0%	0.0% #CE96FF	RGB 206 150 255	#CE96FF
16.7%	16.7% #BD7EF6	RGB 189 126 246	#BD7EF6
33.3%	33.3% #AE68EE	RGB 174 104 238	#AE68EE
50.0%	50.0% #9F53E6	RGB 159 83 230	#9F53E6
66.7%	66.7% #903FDD	RGB 144 63 221	#903FDD
83.3%	83.3% #822DD5	RGB 130 45 213	#822DD5
100.0%	100.0% #751CCD	RGB 117 28 205	#751CCD

#CE96FF #BD7EF6 #AE68EE #9F53E6 #903FDD #822DD5 #751CCD

#CE96FF - #9F53E6 - #751CCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CE96FF 0%, #9F53E6 50%, #751CCD 100%);
    background: -webkit-linear-gradient(top, #CE96FF 0%, #9F53E6 50%, #751CCD 100%);
    background: linear-gradient(to bottom, #CE96FF 0%, #9F53E6 50%, #751CCD 100%);
}
</style>