#856CA8 - #DBD5E6 | 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 #856CA8 to #DBD5E6

#856CA8 #DBD5E6

Calculate the color between two colors, #856CA8 and #DBD5E6. 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)

#856CA8 - #DBD5E6 | 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 #856CA8 as 0% and #DBD5E6 as 100%.

0.0%	0.0% #856CA8	RGB 133 108 168	#856CA8
16.7%	16.7% #937DB2	RGB 147 125 178	#937DB2
33.3%	33.3% #A18FBC	RGB 161 143 188	#A18FBC
50.0%	50.0% #B0A0C7	RGB 176 160 199	#B0A0C7
66.7%	66.7% #BEB2D1	RGB 190 178 209	#BEB2D1
83.3%	83.3% #CCC3DB	RGB 204 195 219	#CCC3DB
100.0%	100.0% #DBD5E6	RGB 219 213 230	#DBD5E6

#856CA8 #937DB2 #A18FBC #B0A0C7 #BEB2D1 #CCC3DB #DBD5E6

#856CA8 - #DBD5E6

HSV Blend

#856CA8 - #DBD5E6 | 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 #856CA8 as 0% and #DBD5E6 as 100%.

0.0%	0.0% #856CA8	RGB 133 108 168	#856CA8
16.7%	16.7% #917BB2	RGB 145 123 178	#917BB2
33.3%	33.3% #9E8BBC	RGB 158 139 188	#9E8BBC
50.0%	50.0% #AC9CC7	RGB 172 156 199	#AC9CC7
66.7%	66.7% #BBAED1	RGB 187 174 209	#BBAED1
83.3%	83.3% #CAC1DB	RGB 202 193 219	#CAC1DB
100.0%	100.0% #DBD5E6	RGB 219 213 230	#DBD5E6

#856CA8 #917BB2 #9E8BBC #AC9CC7 #BBAED1 #CAC1DB #DBD5E6

#856CA8 - #AC9CC7 - #DBD5E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #856CA8 0%, #AC9CC7 50%, #DBD5E6 100%);
    background: -webkit-linear-gradient(top, #856CA8 0%, #AC9CC7 50%, #DBD5E6 100%);
    background: linear-gradient(to bottom, #856CA8 0%, #AC9CC7 50%, #DBD5E6 100%);
}
</style>