#DBDEB5 - #A1AF60 | 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 #DBDEB5 to #A1AF60

#DBDEB5 #A1AF60

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

#DBDEB5 - #A1AF60 | 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 #DBDEB5 as 0% and #A1AF60 as 100%.

0.0%	0.0% #DBDEB5	RGB 219 222 181	#DBDEB5
16.7%	16.7% #D1D6A6	RGB 209 214 166	#D1D6A6
33.3%	33.3% #C7CE98	RGB 199 206 152	#C7CE98
50.0%	50.0% #BEC68A	RGB 190 198 138	#BEC68A
66.7%	66.7% #B4BE7C	RGB 180 190 124	#B4BE7C
83.3%	83.3% #AAB66E	RGB 170 182 110	#AAB66E
100.0%	100.0% #A1AF60	RGB 161 175 96	#A1AF60

#DBDEB5 #D1D6A6 #C7CE98 #BEC68A #B4BE7C #AAB66E #A1AF60

#DBDEB5 - #A1AF60

HSV Blend

#DBDEB5 - #A1AF60 | 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 #DBDEB5 as 0% and #A1AF60 as 100%.

0.0%	0.0% #DBDEB5	RGB 219 222 181	#DBDEB5
16.7%	16.7% #D1D6A5	RGB 209 214 165	#D1D6A5
33.3%	33.3% #C8CE95	RGB 200 206 149	#C8CE95
50.0%	50.0% #BEC687	RGB 190 198 135	#BEC687
66.7%	66.7% #B4BE79	RGB 180 190 121	#B4BE79
83.3%	83.3% #AAB66C	RGB 170 182 108	#AAB66C
100.0%	100.0% #A1AF60	RGB 161 175 96	#A1AF60

#DBDEB5 #D1D6A5 #C8CE95 #BEC687 #B4BE79 #AAB66C #A1AF60

#DBDEB5 - #BEC687 - #A1AF60

CSS codes

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

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