#DEDAB2 - #C0AD5C | 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 #DEDAB2 to #C0AD5C

#DEDAB2 #C0AD5C

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

#DEDAB2 - #C0AD5C | 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 #DEDAB2 as 0% and #C0AD5C as 100%.

0.0%	0.0% #DEDAB2	RGB 222 218 178	#DEDAB2
16.7%	16.7% #D9D2A3	RGB 217 210 163	#D9D2A3
33.3%	33.3% #D4CB95	RGB 212 203 149	#D4CB95
50.0%	50.0% #CFC387	RGB 207 195 135	#CFC387
66.7%	66.7% #CABC78	RGB 202 188 120	#CABC78
83.3%	83.3% #C5B46A	RGB 197 180 106	#C5B46A
100.0%	100.0% #C0AD5C	RGB 192 173 92	#C0AD5C

#DEDAB2 #D9D2A3 #D4CB95 #CFC387 #CABC78 #C5B46A #C0AD5C

#DEDAB2 - #C0AD5C

HSV Blend

#DEDAB2 - #C0AD5C | 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 #DEDAB2 as 0% and #C0AD5C as 100%.

0.0%	0.0% #DEDAB2	RGB 222 218 178	#DEDAB2
16.7%	16.7% #D9D3A2	RGB 217 211 162	#D9D3A2
33.3%	33.3% #D4CB93	RGB 212 203 147	#D4CB93
50.0%	50.0% #CFC484	RGB 207 196 132	#CFC484
66.7%	66.7% #CABC76	RGB 202 188 118	#CABC76
83.3%	83.3% #C5B568	RGB 197 181 104	#C5B568
100.0%	100.0% #C0AD5C	RGB 192 173 92	#C0AD5C

#DEDAB2 #D9D3A2 #D4CB93 #CFC484 #CABC76 #C5B568 #C0AD5C

#DEDAB2 - #CFC484 - #C0AD5C

CSS codes

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

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