#CEB5E5 - #6F53A7 | 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 #CEB5E5 to #6F53A7

#CEB5E5 #6F53A7

Calculate the color between two colors, #CEB5E5 and #6F53A7. 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)

#CEB5E5 - #6F53A7 | 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 #CEB5E5 as 0% and #6F53A7 as 100%.

0.0%	0.0% #CEB5E5	RGB 206 181 229	#CEB5E5
16.7%	16.7% #BEA4DA	RGB 190 164 218	#BEA4DA
33.3%	33.3% #AE94D0	RGB 174 148 208	#AE94D0
50.0%	50.0% #9E84C6	RGB 158 132 198	#9E84C6
66.7%	66.7% #8E73BB	RGB 142 115 187	#8E73BB
83.3%	83.3% #7E63B1	RGB 126 99 177	#7E63B1
100.0%	100.0% #6F53A7	RGB 111 83 167	#6F53A7

#CEB5E5 #BEA4DA #AE94D0 #9E84C6 #8E73BB #7E63B1 #6F53A7

#CEB5E5 - #6F53A7

HSV Blend

#CEB5E5 - #6F53A7 | 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 #CEB5E5 as 0% and #6F53A7 as 100%.

0.0%	0.0% #CEB5E5	RGB 206 181 229	#CEB5E5
16.7%	16.7% #BDA2DA	RGB 189 162 218	#BDA2DA
33.3%	33.3% #AD90D0	RGB 173 144 208	#AD90D0
50.0%	50.0% #9D7FC6	RGB 157 127 198	#9D7FC6
66.7%	66.7% #8D6FBB	RGB 141 111 187	#8D6FBB
83.3%	83.3% #7E60B1	RGB 126 96 177	#7E60B1
100.0%	100.0% #6F53A7	RGB 111 83 167	#6F53A7

#CEB5E5 #BDA2DA #AD90D0 #9D7FC6 #8D6FBB #7E60B1 #6F53A7

#CEB5E5 - #9D7FC6 - #6F53A7

CSS codes

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

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