#CE95FF - #751ACD | 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 #CE95FF to #751ACD

#CE95FF #751ACD

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

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

0.0%	0.0% #CE95FF	RGB 206 149 255	#CE95FF
16.7%	16.7% #BF80F6	RGB 191 128 246	#BF80F6
33.3%	33.3% #B06CEE	RGB 176 108 238	#B06CEE
50.0%	50.0% #A157E6	RGB 161 87 230	#A157E6
66.7%	66.7% #9243DD	RGB 146 67 221	#9243DD
83.3%	83.3% #832ED5	RGB 131 46 213	#832ED5
100.0%	100.0% #751ACD	RGB 117 26 205	#751ACD

#CE95FF #BF80F6 #B06CEE #A157E6 #9243DD #832ED5 #751ACD

#CE95FF - #751ACD

HSV Blend

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

0.0%	0.0% #CE95FF	RGB 206 149 255	#CE95FF
16.7%	16.7% #BD7DF6	RGB 189 125 246	#BD7DF6
33.3%	33.3% #AE66EE	RGB 174 102 238	#AE66EE
50.0%	50.0% #9F51E6	RGB 159 81 230	#9F51E6
66.7%	66.7% #903DDD	RGB 144 61 221	#903DDD
83.3%	83.3% #822BD5	RGB 130 43 213	#822BD5
100.0%	100.0% #751ACD	RGB 117 26 205	#751ACD

#CE95FF #BD7DF6 #AE66EE #9F51E6 #903DDD #822BD5 #751ACD

#CE95FF - #9F51E6 - #751ACD

CSS codes

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

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