#DBDDAF - #A2AE59 | 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 #DBDDAF to #A2AE59

#DBDDAF #A2AE59

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

#DBDDAF - #A2AE59 | 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 #DBDDAF as 0% and #A2AE59 as 100%.

0.0%	0.0% #DBDDAF	RGB 219 221 175	#DBDDAF
16.7%	16.7% #D1D5A0	RGB 209 213 160	#D1D5A0
33.3%	33.3% #C8CD92	RGB 200 205 146	#C8CD92
50.0%	50.0% #BEC584	RGB 190 197 132	#BEC584
66.7%	66.7% #B5BD75	RGB 181 189 117	#B5BD75
83.3%	83.3% #ABB567	RGB 171 181 103	#ABB567
100.0%	100.0% #A2AE59	RGB 162 174 89	#A2AE59

#DBDDAF #D1D5A0 #C8CD92 #BEC584 #B5BD75 #ABB567 #A2AE59

#DBDDAF - #A2AE59

HSV Blend

#DBDDAF - #A2AE59 | 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 #DBDDAF as 0% and #A2AE59 as 100%.

0.0%	0.0% #DBDDAF	RGB 219 221 175	#DBDDAF
16.7%	16.7% #D1D59E	RGB 209 213 158	#D1D59E
33.3%	33.3% #C8CD8F	RGB 200 205 143	#C8CD8F
50.0%	50.0% #BFC580	RGB 191 197 128	#BFC580
66.7%	66.7% #B5BD72	RGB 181 189 114	#B5BD72
83.3%	83.3% #ABB565	RGB 171 181 101	#ABB565
100.0%	100.0% #A2AE59	RGB 162 174 89	#A2AE59

#DBDDAF #D1D59E #C8CD8F #BFC580 #B5BD72 #ABB565 #A2AE59

#DBDDAF - #BFC580 - #A2AE59

CSS codes

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

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