#C8B5DF - #815AB0 | 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 #C8B5DF to #815AB0

#C8B5DF #815AB0

Calculate the color between two colors, #C8B5DF and #815AB0. 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)

#C8B5DF - #815AB0 | 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 #C8B5DF as 0% and #815AB0 as 100%.

0.0%	0.0% #C8B5DF	RGB 200 181 223	#C8B5DF
16.7%	16.7% #BCA5D7	RGB 188 165 215	#BCA5D7
33.3%	33.3% #B096CF	RGB 176 150 207	#B096CF
50.0%	50.0% #A487C7	RGB 164 135 199	#A487C7
66.7%	66.7% #9878BF	RGB 152 120 191	#9878BF
83.3%	83.3% #8C69B7	RGB 140 105 183	#8C69B7
100.0%	100.0% #815AB0	RGB 129 90 176	#815AB0

#C8B5DF #BCA5D7 #B096CF #A487C7 #9878BF #8C69B7 #815AB0

#C8B5DF - #815AB0

HSV Blend

#C8B5DF - #815AB0 | 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 #C8B5DF as 0% and #815AB0 as 100%.

0.0%	0.0% #C8B5DF	RGB 200 181 223	#C8B5DF
16.7%	16.7% #BBA3D7	RGB 187 163 215	#BBA3D7
33.3%	33.3% #AE93CF	RGB 174 147 207	#AE93CF
50.0%	50.0% #A283C7	RGB 162 131 199	#A283C7
66.7%	66.7% #9675BF	RGB 150 117 191	#9675BF
83.3%	83.3% #8B67B7	RGB 139 103 183	#8B67B7
100.0%	100.0% #815AB0	RGB 129 90 176	#815AB0

#C8B5DF #BBA3D7 #AE93CF #A283C7 #9675BF #8B67B7 #815AB0

#C8B5DF - #A283C7 - #815AB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8B5DF 0%, #A283C7 50%, #815AB0 100%);
    background: -webkit-linear-gradient(top, #C8B5DF 0%, #A283C7 50%, #815AB0 100%);
    background: linear-gradient(to bottom, #C8B5DF 0%, #A283C7 50%, #815AB0 100%);
}
</style>