#DADA7C - #B5AB2E | 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 #DADA7C to #B5AB2E

#DADA7C #B5AB2E

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

#DADA7C - #B5AB2E | 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 #DADA7C as 0% and #B5AB2E as 100%.

0.0%	0.0% #DADA7C	RGB 218 218 124	#DADA7C
16.7%	16.7% #D3D26F	RGB 211 210 111	#D3D26F
33.3%	33.3% #CDCA62	RGB 205 202 98	#CDCA62
50.0%	50.0% #C7C255	RGB 199 194 85	#C7C255
66.7%	66.7% #C1BA48	RGB 193 186 72	#C1BA48
83.3%	83.3% #BBB23B	RGB 187 178 59	#BBB23B
100.0%	100.0% #B5AB2E	RGB 181 171 46	#B5AB2E

#DADA7C #D3D26F #CDCA62 #C7C255 #C1BA48 #BBB23B #B5AB2E

#DADA7C - #B5AB2E

HSV Blend

#DADA7C - #B5AB2E | 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 #DADA7C as 0% and #B5AB2E as 100%.

0.0%	0.0% #DADA7C	RGB 218 218 124	#DADA7C
16.7%	16.7% #D3D26D	RGB 211 210 109	#D3D26D
33.3%	33.3% #CDCA5F	RGB 205 202 95	#CDCA5F
50.0%	50.0% #C7C352	RGB 199 195 82	#C7C352
66.7%	66.7% #C1BB45	RGB 193 187 69	#C1BB45
83.3%	83.3% #BBB339	RGB 187 179 57	#BBB339
100.0%	100.0% #B5AB2E	RGB 181 171 46	#B5AB2E

#DADA7C #D3D26D #CDCA5F #C7C352 #C1BB45 #BBB339 #B5AB2E

#DADA7C - #C7C352 - #B5AB2E

CSS codes

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

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