#CFB5E7 - #9D49C2 | 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 #CFB5E7 to #9D49C2

#CFB5E7 #9D49C2

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

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

0.0%	0.0% #CFB5E7	RGB 207 181 231	#CFB5E7
16.7%	16.7% #C6A3E0	RGB 198 163 224	#C6A3E0
33.3%	33.3% #BE91DA	RGB 190 145 218	#BE91DA
50.0%	50.0% #B67FD4	RGB 182 127 212	#B67FD4
66.7%	66.7% #AD6DCE	RGB 173 109 206	#AD6DCE
83.3%	83.3% #A55BC8	RGB 165 91 200	#A55BC8
100.0%	100.0% #9D49C2	RGB 157 73 194	#9D49C2

#CFB5E7 #C6A3E0 #BE91DA #B67FD4 #AD6DCE #A55BC8 #9D49C2

#CFB5E7 - #9D49C2

HSV Blend

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

0.0%	0.0% #CFB5E7	RGB 207 181 231	#CFB5E7
16.7%	16.7% #C4A0E0	RGB 196 160 224	#C4A0E0
33.3%	33.3% #BA8DDA	RGB 186 141 218	#BA8DDA
50.0%	50.0% #B17BD4	RGB 177 123 212	#B17BD4
66.7%	66.7% #A969CE	RGB 169 105 206	#A969CE
83.3%	83.3% #A258C8	RGB 162 88 200	#A258C8
100.0%	100.0% #9D49C2	RGB 157 73 194	#9D49C2

#CFB5E7 #C4A0E0 #BA8DDA #B17BD4 #A969CE #A258C8 #9D49C2

#CFB5E7 - #B17BD4 - #9D49C2

CSS codes

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

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