#DDDEC9 - #A2AD76 | 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 #DDDEC9 to #A2AD76

#DDDEC9 #A2AD76

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

#DDDEC9 - #A2AD76 | 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 #DDDEC9 as 0% and #A2AD76 as 100%.

0.0%	0.0% #DDDEC9	RGB 221 222 201	#DDDEC9
16.7%	16.7% #D3D5BB	RGB 211 213 187	#D3D5BB
33.3%	33.3% #C9CDAD	RGB 201 205 173	#C9CDAD
50.0%	50.0% #BFC59F	RGB 191 197 159	#BFC59F
66.7%	66.7% #B5BD91	RGB 181 189 145	#B5BD91
83.3%	83.3% #ABB583	RGB 171 181 131	#ABB583
100.0%	100.0% #A2AD76	RGB 162 173 118	#A2AD76

#DDDEC9 #D3D5BB #C9CDAD #BFC59F #B5BD91 #ABB583 #A2AD76

#DDDEC9 - #A2AD76

HSV Blend

#DDDEC9 - #A2AD76 | 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 #DDDEC9 as 0% and #A2AD76 as 100%.

0.0%	0.0% #DDDEC9	RGB 221 222 201	#DDDEC9
16.7%	16.7% #D3D5B9	RGB 211 213 185	#D3D5B9
33.3%	33.3% #CACDAA	RGB 202 205 170	#CACDAA
50.0%	50.0% #C0C59C	RGB 192 197 156	#C0C59C
66.7%	66.7% #B6BD8F	RGB 182 189 143	#B6BD8F
83.3%	83.3% #ACB582	RGB 172 181 130	#ACB582
100.0%	100.0% #A2AD76	RGB 162 173 118	#A2AD76

#DDDEC9 #D3D5B9 #CACDAA #C0C59C #B6BD8F #ACB582 #A2AD76

#DDDEC9 - #C0C59C - #A2AD76

CSS codes

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

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