#C98CFF - #6E10CD | 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 #C98CFF to #6E10CD

#C98CFF #6E10CD

Calculate the color between two colors, #C98CFF and #6E10CD. 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)

#C98CFF - #6E10CD | 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 #C98CFF as 0% and #6E10CD as 100%.

0.0%	0.0% #C98CFF	RGB 201 140 255	#C98CFF
16.7%	16.7% #B977F6	RGB 185 119 246	#B977F6
33.3%	33.3% #AA62EE	RGB 170 98 238	#AA62EE
50.0%	50.0% #9B4EE6	RGB 155 78 230	#9B4EE6
66.7%	66.7% #8C39DD	RGB 140 57 221	#8C39DD
83.3%	83.3% #7D24D5	RGB 125 36 213	#7D24D5
100.0%	100.0% #6E10CD	RGB 110 16 205	#6E10CD

#C98CFF #B977F6 #AA62EE #9B4EE6 #8C39DD #7D24D5 #6E10CD

#C98CFF - #6E10CD

HSV Blend

#C98CFF - #6E10CD | 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 #C98CFF as 0% and #6E10CD as 100%.

0.0%	0.0% #C98CFF	RGB 201 140 255	#C98CFF
16.7%	16.7% #B874F6	RGB 184 116 246	#B874F6
33.3%	33.3% #A85DEE	RGB 168 93 238	#A85DEE
50.0%	50.0% #9948E6	RGB 153 72 230	#9948E6
66.7%	66.7% #8A34DD	RGB 138 52 221	#8A34DD
83.3%	83.3% #7B21D5	RGB 123 33 213	#7B21D5
100.0%	100.0% #6E10CD	RGB 110 16 205	#6E10CD

#C98CFF #B874F6 #A85DEE #9948E6 #8A34DD #7B21D5 #6E10CD

#C98CFF - #9948E6 - #6E10CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C98CFF 0%, #9948E6 50%, #6E10CD 100%);
    background: -webkit-linear-gradient(top, #C98CFF 0%, #9948E6 50%, #6E10CD 100%);
    background: linear-gradient(to bottom, #C98CFF 0%, #9948E6 50%, #6E10CD 100%);
}
</style>