#CF9CFD - #9A45EB | 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 #CF9CFD to #9A45EB

#CF9CFD #9A45EB

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

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

0.0%	0.0% #CF9CFD	RGB 207 156 253	#CF9CFD
16.7%	16.7% #C68DFA	RGB 198 141 250	#C68DFA
33.3%	33.3% #BD7FF7	RGB 189 127 247	#BD7FF7
50.0%	50.0% #B470F4	RGB 180 112 244	#B470F4
66.7%	66.7% #AB62F1	RGB 171 98 241	#AB62F1
83.3%	83.3% #A253EE	RGB 162 83 238	#A253EE
100.0%	100.0% #9A45EB	RGB 154 69 235	#9A45EB

#CF9CFD #C68DFA #BD7FF7 #B470F4 #AB62F1 #A253EE #9A45EB

#CF9CFD - #9A45EB

HSV Blend

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

0.0%	0.0% #CF9CFD	RGB 207 156 253	#CF9CFD
16.7%	16.7% #C58CFA	RGB 197 140 250	#C58CFA
33.3%	33.3% #BC7DF7	RGB 188 125 247	#BC7DF7
50.0%	50.0% #B46FF4	RGB 180 111 244	#B46FF4
66.7%	66.7% #AB60F1	RGB 171 96 241	#AB60F1
83.3%	83.3% #A252EE	RGB 162 82 238	#A252EE
100.0%	100.0% #9A45EB	RGB 154 69 235	#9A45EB

#CF9CFD #C58CFA #BC7DF7 #B46FF4 #AB60F1 #A252EE #9A45EB

#CF9CFD - #B46FF4 - #9A45EB

CSS codes

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

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