#DBDDB5 - #A2AE60 | 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 #DBDDB5 to #A2AE60

#DBDDB5 #A2AE60

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

#DBDDB5 - #A2AE60 | 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 #DBDDB5 as 0% and #A2AE60 as 100%.

0.0%	0.0% #DBDDB5	RGB 219 221 181	#DBDDB5
16.7%	16.7% #D1D5A6	RGB 209 213 166	#D1D5A6
33.3%	33.3% #C8CD98	RGB 200 205 152	#C8CD98
50.0%	50.0% #BEC58A	RGB 190 197 138	#BEC58A
66.7%	66.7% #B5BD7C	RGB 181 189 124	#B5BD7C
83.3%	83.3% #ABB56E	RGB 171 181 110	#ABB56E
100.0%	100.0% #A2AE60	RGB 162 174 96	#A2AE60

#DBDDB5 #D1D5A6 #C8CD98 #BEC58A #B5BD7C #ABB56E #A2AE60

#DBDDB5 - #A2AE60

HSV Blend

#DBDDB5 - #A2AE60 | 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 #DBDDB5 as 0% and #A2AE60 as 100%.

0.0%	0.0% #DBDDB5	RGB 219 221 181	#DBDDB5
16.7%	16.7% #D1D5A5	RGB 209 213 165	#D1D5A5
33.3%	33.3% #C8CD95	RGB 200 205 149	#C8CD95
50.0%	50.0% #BFC587	RGB 191 197 135	#BFC587
66.7%	66.7% #B5BD79	RGB 181 189 121	#B5BD79
83.3%	83.3% #ABB56C	RGB 171 181 108	#ABB56C
100.0%	100.0% #A2AE60	RGB 162 174 96	#A2AE60

#DBDDB5 #D1D5A5 #C8CD95 #BFC587 #B5BD79 #ABB56C #A2AE60

#DBDDB5 - #BFC587 - #A2AE60

CSS codes

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

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