#CFB0FF - #7D3FCE | 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 #CFB0FF to #7D3FCE

#CFB0FF #7D3FCE

Calculate the color between two colors, #CFB0FF and #7D3FCE. 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)

#CFB0FF - #7D3FCE | 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 #CFB0FF as 0% and #7D3FCE as 100%.

0.0%	0.0% #CFB0FF	RGB 207 176 255	#CFB0FF
16.7%	16.7% #C19DF6	RGB 193 157 246	#C19DF6
33.3%	33.3% #B38AEE	RGB 179 138 238	#B38AEE
50.0%	50.0% #A677E6	RGB 166 119 230	#A677E6
66.7%	66.7% #9864DE	RGB 152 100 222	#9864DE
83.3%	83.3% #8A51D6	RGB 138 81 214	#8A51D6
100.0%	100.0% #7D3FCE	RGB 125 63 206	#7D3FCE

#CFB0FF #C19DF6 #B38AEE #A677E6 #9864DE #8A51D6 #7D3FCE

#CFB0FF - #7D3FCE

HSV Blend

#CFB0FF - #7D3FCE | 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 #CFB0FF as 0% and #7D3FCE as 100%.

0.0%	0.0% #CFB0FF	RGB 207 176 255	#CFB0FF
16.7%	16.7% #BF9AF6	RGB 191 154 246	#BF9AF6
33.3%	33.3% #B086EE	RGB 176 134 238	#B086EE
50.0%	50.0% #A272E6	RGB 162 114 230	#A272E6
66.7%	66.7% #9560DE	RGB 149 96 222	#9560DE
83.3%	83.3% #884FD6	RGB 136 79 214	#884FD6
100.0%	100.0% #7D3FCE	RGB 125 63 206	#7D3FCE

#CFB0FF #BF9AF6 #B086EE #A272E6 #9560DE #884FD6 #7D3FCE

#CFB0FF - #A272E6 - #7D3FCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFB0FF 0%, #A272E6 50%, #7D3FCE 100%);
    background: -webkit-linear-gradient(top, #CFB0FF 0%, #A272E6 50%, #7D3FCE 100%);
    background: linear-gradient(to bottom, #CFB0FF 0%, #A272E6 50%, #7D3FCE 100%);
}
</style>