#CEB0FF - #533BCD | 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 #CEB0FF to #533BCD

#CEB0FF #533BCD

Calculate the color between two colors, #CEB0FF and #533BCD. 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)

#CEB0FF - #533BCD | 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 #CEB0FF as 0% and #533BCD as 100%.

0.0%	0.0% #CEB0FF	RGB 206 176 255	#CEB0FF
16.7%	16.7% #B99CF6	RGB 185 156 246	#B99CF6
33.3%	33.3% #A589EE	RGB 165 137 238	#A589EE
50.0%	50.0% #9075E6	RGB 144 117 230	#9075E6
66.7%	66.7% #7C62DD	RGB 124 98 221	#7C62DD
83.3%	83.3% #674ED5	RGB 103 78 213	#674ED5
100.0%	100.0% #533BCD	RGB 83 59 205	#533BCD

#CEB0FF #B99CF6 #A589EE #9075E6 #7C62DD #674ED5 #533BCD

#CEB0FF - #533BCD

HSV Blend

#CEB0FF - #533BCD | 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 #CEB0FF as 0% and #533BCD as 100%.

0.0%	0.0% #CEB0FF	RGB 206 176 255	#CEB0FF
16.7%	16.7% #B999F6	RGB 185 153 246	#B999F6
33.3%	33.3% #A584EE	RGB 165 132 238	#A584EE
50.0%	50.0% #9070E6	RGB 144 112 230	#9070E6
66.7%	66.7% #7B5DDD	RGB 123 93 221	#7B5DDD
83.3%	83.3% #674BD5	RGB 103 75 213	#674BD5
100.0%	100.0% #533BCD	RGB 83 59 205	#533BCD

#CEB0FF #B999F6 #A584EE #9070E6 #7B5DDD #674BD5 #533BCD

#CEB0FF - #9070E6 - #533BCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEB0FF 0%, #9070E6 50%, #533BCD 100%);
    background: -webkit-linear-gradient(top, #CEB0FF 0%, #9070E6 50%, #533BCD 100%);
    background: linear-gradient(to bottom, #CEB0FF 0%, #9070E6 50%, #533BCD 100%);
}
</style>