#C4B0FF - #5D3ECE | 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 #C4B0FF to #5D3ECE

#C4B0FF #5D3ECE

Calculate the color between two colors, #C4B0FF and #5D3ECE. 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)

#C4B0FF - #5D3ECE | 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 #C4B0FF as 0% and #5D3ECE as 100%.

0.0%	0.0% #C4B0FF	RGB 196 176 255	#C4B0FF
16.7%	16.7% #B29DF6	RGB 178 157 246	#B29DF6
33.3%	33.3% #A18AEE	RGB 161 138 238	#A18AEE
50.0%	50.0% #9077E6	RGB 144 119 230	#9077E6
66.7%	66.7% #7F64DE	RGB 127 100 222	#7F64DE
83.3%	83.3% #6E51D6	RGB 110 81 214	#6E51D6
100.0%	100.0% #5D3ECE	RGB 93 62 206	#5D3ECE

#C4B0FF #B29DF6 #A18AEE #9077E6 #7F64DE #6E51D6 #5D3ECE

#C4B0FF - #5D3ECE

HSV Blend

#C4B0FF - #5D3ECE | 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 #C4B0FF as 0% and #5D3ECE as 100%.

0.0%	0.0% #C4B0FF	RGB 196 176 255	#C4B0FF
16.7%	16.7% #B19AF6	RGB 177 154 246	#B19AF6
33.3%	33.3% #9E85EE	RGB 158 133 238	#9E85EE
50.0%	50.0% #8D72E6	RGB 141 114 230	#8D72E6
66.7%	66.7% #7C5FDE	RGB 124 95 222	#7C5FDE
83.3%	83.3% #6C4ED6	RGB 108 78 214	#6C4ED6
100.0%	100.0% #5D3ECE	RGB 93 62 206	#5D3ECE

#C4B0FF #B19AF6 #9E85EE #8D72E6 #7C5FDE #6C4ED6 #5D3ECE

#C4B0FF - #8D72E6 - #5D3ECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4B0FF 0%, #8D72E6 50%, #5D3ECE 100%);
    background: -webkit-linear-gradient(top, #C4B0FF 0%, #8D72E6 50%, #5D3ECE 100%);
    background: linear-gradient(to bottom, #C4B0FF 0%, #8D72E6 50%, #5D3ECE 100%);
}
</style>