#DEDDC3 - #ADAA70 | 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 #DEDDC3 to #ADAA70

#DEDDC3 #ADAA70

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

#DEDDC3 - #ADAA70 | 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 #DEDDC3 as 0% and #ADAA70 as 100%.

0.0%	0.0% #DEDDC3	RGB 222 221 195	#DEDDC3
16.7%	16.7% #D5D4B5	RGB 213 212 181	#D5D4B5
33.3%	33.3% #CDCCA7	RGB 205 204 167	#CDCCA7
50.0%	50.0% #C5C399	RGB 197 195 153	#C5C399
66.7%	66.7% #BDBB8B	RGB 189 187 139	#BDBB8B
83.3%	83.3% #B5B27D	RGB 181 178 125	#B5B27D
100.0%	100.0% #ADAA70	RGB 173 170 112	#ADAA70

#DEDDC3 #D5D4B5 #CDCCA7 #C5C399 #BDBB8B #B5B27D #ADAA70

#DEDDC3 - #ADAA70

HSV Blend

#DEDDC3 - #ADAA70 | 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 #DEDDC3 as 0% and #ADAA70 as 100%.

0.0%	0.0% #DEDDC3	RGB 222 221 195	#DEDDC3
16.7%	16.7% #D5D4B3	RGB 213 212 179	#D5D4B3
33.3%	33.3% #CDCBA4	RGB 205 203 164	#CDCBA4
50.0%	50.0% #C5C396	RGB 197 195 150	#C5C396
66.7%	66.7% #BDBA89	RGB 189 186 137	#BDBA89
83.3%	83.3% #B5B27C	RGB 181 178 124	#B5B27C
100.0%	100.0% #ADAA70	RGB 173 170 112	#ADAA70

#DEDDC3 #D5D4B3 #CDCBA4 #C5C396 #BDBA89 #B5B27C #ADAA70

#DEDDC3 - #C5C396 - #ADAA70

CSS codes

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

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