#CF2DFF - #4D00CD | 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 #CF2DFF to #4D00CD

#CF2DFF #4D00CD

Calculate the color between two colors, #CF2DFF and #4D00CD. 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)

#CF2DFF - #4D00CD | 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 #CF2DFF as 0% and #4D00CD as 100%.

0.0%	0.0% #CF2DFF	RGB 207 45 255	#CF2DFF
16.7%	16.7% #B925F6	RGB 185 37 246	#B925F6
33.3%	33.3% #A31EEE	RGB 163 30 238	#A31EEE
50.0%	50.0% #8E16E6	RGB 142 22 230	#8E16E6
66.7%	66.7% #780EDD	RGB 120 14 221	#780EDD
83.3%	83.3% #6207D5	RGB 98 7 213	#6207D5
100.0%	100.0% #4D00CD	RGB 77 0 205	#4D00CD

#CF2DFF #B925F6 #A31EEE #8E16E6 #780EDD #6207D5 #4D00CD

#CF2DFF - #4D00CD

HSV Blend

#CF2DFF - #4D00CD | 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 #CF2DFF as 0% and #4D00CD as 100%.

0.0%	0.0% #CF2CFF	RGB 207 44 255	#CF2CFF
16.7%	16.7% #B824F6	RGB 184 36 246	#B824F6
33.3%	33.3% #A21CEE	RGB 162 28 238	#A21CEE
50.0%	50.0% #8C14E6	RGB 140 20 230	#8C14E6
66.7%	66.7% #760DDD	RGB 118 13 221	#760DDD
83.3%	83.3% #6106D5	RGB 97 6 213	#6106D5
100.0%	100.0% #4D00CD	RGB 77 0 205	#4D00CD

#CF2CFF #B824F6 #A21CEE #8C14E6 #760DDD #6106D5 #4D00CD

#CF2DFF - #8C14E6 - #4D00CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF2CFF 0%, #8C14E6 50%, #4D00CD 100%);
    background: -webkit-linear-gradient(top, #CF2CFF 0%, #8C14E6 50%, #4D00CD 100%);
    background: linear-gradient(to bottom, #CF2CFF 0%, #8C14E6 50%, #4D00CD 100%);
}
</style>