#DCDA91 - #B8AB3E | 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 #DCDA91 to #B8AB3E

#DCDA91 #B8AB3E

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

#DCDA91 - #B8AB3E | 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 #DCDA91 as 0% and #B8AB3E as 100%.

0.0%	0.0% #DCDA91	RGB 220 218 145	#DCDA91
16.7%	16.7% #D6D283	RGB 214 210 131	#D6D283
33.3%	33.3% #D0CA75	RGB 208 202 117	#D0CA75
50.0%	50.0% #CAC267	RGB 202 194 103	#CAC267
66.7%	66.7% #C4BA59	RGB 196 186 89	#C4BA59
83.3%	83.3% #BEB24B	RGB 190 178 75	#BEB24B
100.0%	100.0% #B8AB3E	RGB 184 171 62	#B8AB3E

#DCDA91 #D6D283 #D0CA75 #CAC267 #C4BA59 #BEB24B #B8AB3E

#DCDA91 - #B8AB3E

HSV Blend

#DCDA91 - #B8AB3E | 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 #DCDA91 as 0% and #B8AB3E as 100%.

0.0%	0.0% #DCDA91	RGB 220 218 145	#DCDA91
16.7%	16.7% #D6D281	RGB 214 210 129	#D6D281
33.3%	33.3% #D0CB72	RGB 208 203 114	#D0CB72
50.0%	50.0% #CAC364	RGB 202 195 100	#CAC364
66.7%	66.7% #C4BB57	RGB 196 187 87	#C4BB57
83.3%	83.3% #BEB34A	RGB 190 179 74	#BEB34A
100.0%	100.0% #B8AB3E	RGB 184 171 62	#B8AB3E

#DCDA91 #D6D281 #D0CB72 #CAC364 #C4BB57 #BEB34A #B8AB3E

#DCDA91 - #CAC364 - #B8AB3E

CSS codes

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

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