#CFBDFB - #8153C9 | 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 #CFBDFB to #8153C9

#CFBDFB #8153C9

Calculate the color between two colors, #CFBDFB and #8153C9. 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)

#CFBDFB - #8153C9 | 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 #CFBDFB as 0% and #8153C9 as 100%.

0.0%	0.0% #CFBDFB	RGB 207 189 251	#CFBDFB
16.7%	16.7% #C2ABF2	RGB 194 171 242	#C2ABF2
33.3%	33.3% #B599EA	RGB 181 153 234	#B599EA
50.0%	50.0% #A888E2	RGB 168 136 226	#A888E2
66.7%	66.7% #9B76D9	RGB 155 118 217	#9B76D9
83.3%	83.3% #8E64D1	RGB 142 100 209	#8E64D1
100.0%	100.0% #8153C9	RGB 129 83 201	#8153C9

#CFBDFB #C2ABF2 #B599EA #A888E2 #9B76D9 #8E64D1 #8153C9

#CFBDFB - #8153C9

HSV Blend

#CFBDFB - #8153C9 | 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 #CFBDFB as 0% and #8153C9 as 100%.

0.0%	0.0% #CFBDFB	RGB 207 189 251	#CFBDFB
16.7%	16.7% #BFA8F2	RGB 191 168 242	#BFA8F2
33.3%	33.3% #B195EA	RGB 177 149 234	#B195EA
50.0%	50.0% #A383E2	RGB 163 131 226	#A383E2
66.7%	66.7% #9772D9	RGB 151 114 217	#9772D9
83.3%	83.3% #8B62D1	RGB 139 98 209	#8B62D1
100.0%	100.0% #8153C9	RGB 129 83 201	#8153C9

#CFBDFB #BFA8F2 #B195EA #A383E2 #9772D9 #8B62D1 #8153C9

#CFBDFB - #A383E2 - #8153C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFBDFB 0%, #A383E2 50%, #8153C9 100%);
    background: -webkit-linear-gradient(top, #CFBDFB 0%, #A383E2 50%, #8153C9 100%);
    background: linear-gradient(to bottom, #CFBDFB 0%, #A383E2 50%, #8153C9 100%);
}
</style>