#CA9DF3 - #9F37CF | 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 #CA9DF3 to #9F37CF

#CA9DF3 #9F37CF

Calculate the color between two colors, #CA9DF3 and #9F37CF. 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)

#CA9DF3 - #9F37CF | 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 #CA9DF3 as 0% and #9F37CF as 100%.

0.0%	0.0% #CA9DF3	RGB 202 157 243	#CA9DF3
16.7%	16.7% #C28CED	RGB 194 140 237	#C28CED
33.3%	33.3% #BB7BE7	RGB 187 123 231	#BB7BE7
50.0%	50.0% #B46AE1	RGB 180 106 225	#B46AE1
66.7%	66.7% #AD59DB	RGB 173 89 219	#AD59DB
83.3%	83.3% #A648D5	RGB 166 72 213	#A648D5
100.0%	100.0% #9F37CF	RGB 159 55 207	#9F37CF

#CA9DF3 #C28CED #BB7BE7 #B46AE1 #AD59DB #A648D5 #9F37CF

#CA9DF3 - #9F37CF

HSV Blend

#CA9DF3 - #9F37CF | 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 #CA9DF3 as 0% and #9F37CF as 100%.

0.0%	0.0% #CA9DF3	RGB 202 157 243	#CA9DF3
16.7%	16.7% #C08AED	RGB 192 138 237	#C08AED
33.3%	33.3% #B877E7	RGB 184 119 231	#B877E7
50.0%	50.0% #B066E1	RGB 176 102 225	#B066E1
66.7%	66.7% #A955DB	RGB 169 85 219	#A955DB
83.3%	83.3% #A446D5	RGB 164 70 213	#A446D5
100.0%	100.0% #9F37CF	RGB 159 55 207	#9F37CF

#CA9DF3 #C08AED #B877E7 #B066E1 #A955DB #A446D5 #9F37CF

#CA9DF3 - #B066E1 - #9F37CF

CSS codes

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

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