#CF89FF - #720BCD | 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 #CF89FF to #720BCD

#CF89FF #720BCD

Calculate the color between two colors, #CF89FF and #720BCD. 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)

#CF89FF - #720BCD | 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 #CF89FF as 0% and #720BCD as 100%.

0.0%	0.0% #CF89FF	RGB 207 137 255	#CF89FF
16.7%	16.7% #BF74F6	RGB 191 116 246	#BF74F6
33.3%	33.3% #B05FEE	RGB 176 95 238	#B05FEE
50.0%	50.0% #A04AE6	RGB 160 74 230	#A04AE6
66.7%	66.7% #9135DD	RGB 145 53 221	#9135DD
83.3%	83.3% #8120D5	RGB 129 32 213	#8120D5
100.0%	100.0% #720BCD	RGB 114 11 205	#720BCD

#CF89FF #BF74F6 #B05FEE #A04AE6 #9135DD #8120D5 #720BCD

#CF89FF - #720BCD

HSV Blend

#CF89FF - #720BCD | 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 #CF89FF as 0% and #720BCD as 100%.

0.0%	0.0% #CF89FF	RGB 207 137 255	#CF89FF
16.7%	16.7% #BE70F6	RGB 190 112 246	#BE70F6
33.3%	33.3% #AE59EE	RGB 174 89 238	#AE59EE
50.0%	50.0% #9F43E6	RGB 159 67 230	#9F43E6
66.7%	66.7% #8F2FDD	RGB 143 47 221	#8F2FDD
83.3%	83.3% #801CD5	RGB 128 28 213	#801CD5
100.0%	100.0% #720BCD	RGB 114 11 205	#720BCD

#CF89FF #BE70F6 #AE59EE #9F43E6 #8F2FDD #801CD5 #720BCD

#CF89FF - #9F43E6 - #720BCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF89FF 0%, #9F43E6 50%, #720BCD 100%);
    background: -webkit-linear-gradient(top, #CF89FF 0%, #9F43E6 50%, #720BCD 100%);
    background: linear-gradient(to bottom, #CF89FF 0%, #9F43E6 50%, #720BCD 100%);
}
</style>