#DDDFB8 - #AAB25C | 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 #DDDFB8 to #AAB25C

#DDDFB8 #AAB25C

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

#DDDFB8 - #AAB25C | 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 #DDDFB8 as 0% and #AAB25C as 100%.

0.0%	0.0% #DDDFB8	RGB 221 223 184	#DDDFB8
16.7%	16.7% #D4D7A8	RGB 212 215 168	#D4D7A8
33.3%	33.3% #CCD099	RGB 204 208 153	#CCD099
50.0%	50.0% #C3C88A	RGB 195 200 138	#C3C88A
66.7%	66.7% #BBC17A	RGB 187 193 122	#BBC17A
83.3%	83.3% #B2B96B	RGB 178 185 107	#B2B96B
100.0%	100.0% #AAB25C	RGB 170 178 92	#AAB25C

#DDDFB8 #D4D7A8 #CCD099 #C3C88A #BBC17A #B2B96B #AAB25C

#DDDFB8 - #AAB25C

HSV Blend

#DDDFB8 - #AAB25C | 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 #DDDFB8 as 0% and #AAB25C as 100%.

0.0%	0.0% #DDDFB8	RGB 221 223 184	#DDDFB8
16.7%	16.7% #D4D7A6	RGB 212 215 166	#D4D7A6
33.3%	33.3% #CCD096	RGB 204 208 150	#CCD096
50.0%	50.0% #C3C886	RGB 195 200 134	#C3C886
66.7%	66.7% #BBC177	RGB 187 193 119	#BBC177
83.3%	83.3% #B2B969	RGB 178 185 105	#B2B969
100.0%	100.0% #AAB25C	RGB 170 178 92	#AAB25C

#DDDFB8 #D4D7A6 #CCD096 #C3C886 #BBC177 #B2B969 #AAB25C

#DDDFB8 - #C3C886 - #AAB25C

CSS codes

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

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