#A29BA0 - #DEB5E8 | 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 #A29BA0 to #DEB5E8

#A29BA0 #DEB5E8

Calculate the color between two colors, #A29BA0 and #DEB5E8. 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)

#A29BA0 - #DEB5E8 | 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 #A29BA0 as 0% and #DEB5E8 as 100%.

0.0%	0.0% #A29BA0	RGB 162 155 160	#A29BA0
16.7%	16.7% #AC9FAC	RGB 172 159 172	#AC9FAC
33.3%	33.3% #B6A3B8	RGB 182 163 184	#B6A3B8
50.0%	50.0% #C0A8C4	RGB 192 168 196	#C0A8C4
66.7%	66.7% #CAACD0	RGB 202 172 208	#CAACD0
83.3%	83.3% #D4B0DC	RGB 212 176 220	#D4B0DC
100.0%	100.0% #DEB5E8	RGB 222 181 232	#DEB5E8

#A29BA0 #AC9FAC #B6A3B8 #C0A8C4 #CAACD0 #D4B0DC #DEB5E8

#A29BA0 - #DEB5E8

HSV Blend

#A29BA0 - #DEB5E8 | 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 #A29BA0 as 0% and #DEB5E8 as 100%.

0.0%	0.0% #A29BA0	RGB 162 155 160	#A29BA0
16.7%	16.7% #ADA1AB	RGB 173 161 171	#ADA1AB
33.3%	33.3% #B9A6B6	RGB 185 166 182	#B9A6B6
50.0%	50.0% #C5ABC3	RGB 197 171 195	#C5ABC3
66.7%	66.7% #CFAFD0	RGB 207 175 208	#CFAFD0
83.3%	83.3% #D7B2DC	RGB 215 178 220	#D7B2DC
100.0%	100.0% #DEB5E8	RGB 222 181 232	#DEB5E8

#A29BA0 #ADA1AB #B9A6B6 #C5ABC3 #CFAFD0 #D7B2DC #DEB5E8

#A29BA0 - #C5ABC3 - #DEB5E8

CSS codes

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

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