#DDDECC - #AAB278 | 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 #DDDECC to #AAB278

#DDDECC #AAB278

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

#DDDECC - #AAB278 | 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 #DDDECC as 0% and #AAB278 as 100%.

0.0%	0.0% #DDDECC	RGB 221 222 204	#DDDECC
16.7%	16.7% #D4D6BE	RGB 212 214 190	#D4D6BE
33.3%	33.3% #CCCFB0	RGB 204 207 176	#CCCFB0
50.0%	50.0% #C3C8A2	RGB 195 200 162	#C3C8A2
66.7%	66.7% #BBC094	RGB 187 192 148	#BBC094
83.3%	83.3% #B2B986	RGB 178 185 134	#B2B986
100.0%	100.0% #AAB278	RGB 170 178 120	#AAB278

#DDDECC #D4D6BE #CCCFB0 #C3C8A2 #BBC094 #B2B986 #AAB278

#DDDECC - #AAB278

HSV Blend

#DDDECC - #AAB278 | 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 #DDDECC as 0% and #AAB278 as 100%.

0.0%	0.0% #DDDECC	RGB 221 222 204	#DDDECC
16.7%	16.7% #D4D6BC	RGB 212 214 188	#D4D6BC
33.3%	33.3% #CCCFAD	RGB 204 207 173	#CCCFAD
50.0%	50.0% #C4C89F	RGB 196 200 159	#C4C89F
66.7%	66.7% #BBC091	RGB 187 192 145	#BBC091
83.3%	83.3% #B2B984	RGB 178 185 132	#B2B984
100.0%	100.0% #AAB278	RGB 170 178 120	#AAB278

#DDDECC #D4D6BC #CCCFAD #C4C89F #BBC091 #B2B984 #AAB278

#DDDECC - #C4C89F - #AAB278

CSS codes

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

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