#DADA7E - #B5AC2F | 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 #DADA7E to #B5AC2F

#DADA7E #B5AC2F

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

#DADA7E - #B5AC2F | 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 #DADA7E as 0% and #B5AC2F as 100%.

0.0%	0.0% #DADA7E	RGB 218 218 126	#DADA7E
16.7%	16.7% #D3D270	RGB 211 210 112	#D3D270
33.3%	33.3% #CDCA63	RGB 205 202 99	#CDCA63
50.0%	50.0% #C7C356	RGB 199 195 86	#C7C356
66.7%	66.7% #C1BB49	RGB 193 187 73	#C1BB49
83.3%	83.3% #BBB33C	RGB 187 179 60	#BBB33C
100.0%	100.0% #B5AC2F	RGB 181 172 47	#B5AC2F

#DADA7E #D3D270 #CDCA63 #C7C356 #C1BB49 #BBB33C #B5AC2F

#DADA7E - #B5AC2F

HSV Blend

#DADA7E - #B5AC2F | 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 #DADA7E as 0% and #B5AC2F as 100%.

0.0%	0.0% #DADA7E	RGB 218 218 126	#DADA7E
16.7%	16.7% #D3D26F	RGB 211 210 111	#D3D26F
33.3%	33.3% #CDCB61	RGB 205 203 97	#CDCB61
50.0%	50.0% #C7C353	RGB 199 195 83	#C7C353
66.7%	66.7% #C1BB46	RGB 193 187 70	#C1BB46
83.3%	83.3% #BBB33A	RGB 187 179 58	#BBB33A
100.0%	100.0% #B5AC2F	RGB 181 172 47	#B5AC2F

#DADA7E #D3D26F #CDCB61 #C7C353 #C1BB46 #BBB33A #B5AC2F

#DADA7E - #C7C353 - #B5AC2F

CSS codes

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

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