#CF32FF - #5000CD | 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 #CF32FF to #5000CD

#CF32FF #5000CD

Calculate the color between two colors, #CF32FF and #5000CD. 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)

#CF32FF - #5000CD | 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 #CF32FF as 0% and #5000CD as 100%.

0.0%	0.0% #CF32FF	RGB 207 50 255	#CF32FF
16.7%	16.7% #B929F6	RGB 185 41 246	#B929F6
33.3%	33.3% #A421EE	RGB 164 33 238	#A421EE
50.0%	50.0% #8F19E6	RGB 143 25 230	#8F19E6
66.7%	66.7% #7A10DD	RGB 122 16 221	#7A10DD
83.3%	83.3% #6508D5	RGB 101 8 213	#6508D5
100.0%	100.0% #5000CD	RGB 80 0 205	#5000CD

#CF32FF #B929F6 #A421EE #8F19E6 #7A10DD #6508D5 #5000CD

#CF32FF - #5000CD

HSV Blend

#CF32FF - #5000CD | 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 #CF32FF as 0% and #5000CD as 100%.

0.0%	0.0% #CF31FF	RGB 207 49 255	#CF31FF
16.7%	16.7% #B928F6	RGB 185 40 246	#B928F6
33.3%	33.3% #A31FEE	RGB 163 31 238	#A31FEE
50.0%	50.0% #8E16E6	RGB 142 22 230	#8E16E6
66.7%	66.7% #790EDD	RGB 121 14 221	#790EDD
83.3%	83.3% #6406D5	RGB 100 6 213	#6406D5
100.0%	100.0% #5000CD	RGB 80 0 205	#5000CD

#CF31FF #B928F6 #A31FEE #8E16E6 #790EDD #6406D5 #5000CD

#CF32FF - #8E16E6 - #5000CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF31FF 0%, #8E16E6 50%, #5000CD 100%);
    background: -webkit-linear-gradient(top, #CF31FF 0%, #8E16E6 50%, #5000CD 100%);
    background: linear-gradient(to bottom, #CF31FF 0%, #8E16E6 50%, #5000CD 100%);
}
</style>