#D6CF3E - #AD9610 | 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 #D6CF3E to #AD9610

#D6CF3E #AD9610

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

#D6CF3E - #AD9610 | 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 #D6CF3E as 0% and #AD9610 as 100%.

0.0%	0.0% #D6CF3E	RGB 214 207 62	#D6CF3E
16.7%	16.7% #CFC536	RGB 207 197 54	#CFC536
33.3%	33.3% #C8BC2E	RGB 200 188 46	#C8BC2E
50.0%	50.0% #C1B227	RGB 193 178 39	#C1B227
66.7%	66.7% #BAA91F	RGB 186 169 31	#BAA91F
83.3%	83.3% #B39F17	RGB 179 159 23	#B39F17
100.0%	100.0% #AD9610	RGB 173 150 16	#AD9610

#D6CF3E #CFC536 #C8BC2E #C1B227 #BAA91F #B39F17 #AD9610

#D6CF3E - #AD9610

HSV Blend

#D6CF3E - #AD9610 | 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 #D6CF3E as 0% and #AD9610 as 100%.

0.0%	0.0% #D6CF3E	RGB 214 207 62	#D6CF3E
16.7%	16.7% #CFC535	RGB 207 197 53	#CFC535
33.3%	33.3% #C8BB2C	RGB 200 187 44	#C8BB2C
50.0%	50.0% #C1B224	RGB 193 178 36	#C1B224
66.7%	66.7% #BAA81D	RGB 186 168 29	#BAA81D
83.3%	83.3% #B39F16	RGB 179 159 22	#B39F16
100.0%	100.0% #AD9610	RGB 173 150 16	#AD9610

#D6CF3E #CFC535 #C8BB2C #C1B224 #BAA81D #B39F16 #AD9610

#D6CF3E - #C1B224 - #AD9610

CSS codes

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

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