#C98BFF - #6E0ECD | 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 #C98BFF to #6E0ECD

#C98BFF #6E0ECD

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

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

0.0%	0.0% #C98BFF	RGB 201 139 255	#C98BFF
16.7%	16.7% #B976F6	RGB 185 118 246	#B976F6
33.3%	33.3% #AA61EE	RGB 170 97 238	#AA61EE
50.0%	50.0% #9B4CE6	RGB 155 76 230	#9B4CE6
66.7%	66.7% #8C37DD	RGB 140 55 221	#8C37DD
83.3%	83.3% #7D22D5	RGB 125 34 213	#7D22D5
100.0%	100.0% #6E0ECD	RGB 110 14 205	#6E0ECD

#C98BFF #B976F6 #AA61EE #9B4CE6 #8C37DD #7D22D5 #6E0ECD

#C98BFF - #6E0ECD

HSV Blend

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

0.0%	0.0% #C98BFF	RGB 201 139 255	#C98BFF
16.7%	16.7% #B872F6	RGB 184 114 246	#B872F6
33.3%	33.3% #A85CEE	RGB 168 92 238	#A85CEE
50.0%	50.0% #9946E6	RGB 153 70 230	#9946E6
66.7%	66.7% #8A32DD	RGB 138 50 221	#8A32DD
83.3%	83.3% #7B1FD5	RGB 123 31 213	#7B1FD5
100.0%	100.0% #6E0ECD	RGB 110 14 205	#6E0ECD

#C98BFF #B872F6 #A85CEE #9946E6 #8A32DD #7B1FD5 #6E0ECD

#C98BFF - #9946E6 - #6E0ECD

CSS codes

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

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