#D9D4A2 - #B5A14D | 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 #D9D4A2 to #B5A14D

#D9D4A2 #B5A14D

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

#D9D4A2 - #B5A14D | 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 #D9D4A2 as 0% and #B5A14D as 100%.

0.0%	0.0% #D9D4A2	RGB 217 212 162	#D9D4A2
16.7%	16.7% #D3CB93	RGB 211 203 147	#D3CB93
33.3%	33.3% #CDC385	RGB 205 195 133	#CDC385
50.0%	50.0% #C7BA77	RGB 199 186 119	#C7BA77
66.7%	66.7% #C1B269	RGB 193 178 105	#C1B269
83.3%	83.3% #BBA95B	RGB 187 169 91	#BBA95B
100.0%	100.0% #B5A14D	RGB 181 161 77	#B5A14D

#D9D4A2 #D3CB93 #CDC385 #C7BA77 #C1B269 #BBA95B #B5A14D

#D9D4A2 - #B5A14D

HSV Blend

#D9D4A2 - #B5A14D | 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 #D9D4A2 as 0% and #B5A14D as 100%.

0.0%	0.0% #D9D4A2	RGB 217 212 162	#D9D4A2
16.7%	16.7% #D3CC92	RGB 211 204 146	#D3CC92
33.3%	33.3% #CDC383	RGB 205 195 131	#CDC383
50.0%	50.0% #C7BB74	RGB 199 187 116	#C7BB74
66.7%	66.7% #C1B266	RGB 193 178 102	#C1B266
83.3%	83.3% #BBA959	RGB 187 169 89	#BBA959
100.0%	100.0% #B5A14D	RGB 181 161 77	#B5A14D

#D9D4A2 #D3CC92 #CDC383 #C7BB74 #C1B266 #BBA959 #B5A14D

#D9D4A2 - #C7BB74 - #B5A14D

CSS codes

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

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