#DCDBAB - #B7AC56 | 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 #DCDBAB to #B7AC56

#DCDBAB #B7AC56

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

#DCDBAB - #B7AC56 | 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 #DCDBAB as 0% and #B7AC56 as 100%.

0.0%	0.0% #DCDBAB	RGB 220 219 171	#DCDBAB
16.7%	16.7% #D5D39C	RGB 213 211 156	#D5D39C
33.3%	33.3% #CFCB8E	RGB 207 203 142	#CFCB8E
50.0%	50.0% #C9C380	RGB 201 195 128	#C9C380
66.7%	66.7% #C3BB72	RGB 195 187 114	#C3BB72
83.3%	83.3% #BDB364	RGB 189 179 100	#BDB364
100.0%	100.0% #B7AC56	RGB 183 172 86	#B7AC56

#DCDBAB #D5D39C #CFCB8E #C9C380 #C3BB72 #BDB364 #B7AC56

#DCDBAB - #B7AC56

HSV Blend

#DCDBAB - #B7AC56 | 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 #DCDBAB as 0% and #B7AC56 as 100%.

0.0%	0.0% #DCDBAB	RGB 220 219 171	#DCDBAB
16.7%	16.7% #D5D39B	RGB 213 211 155	#D5D39B
33.3%	33.3% #CFCC8C	RGB 207 204 140	#CFCC8C
50.0%	50.0% #C9C47D	RGB 201 196 125	#C9C47D
66.7%	66.7% #C3BC6F	RGB 195 188 111	#C3BC6F
83.3%	83.3% #BDB462	RGB 189 180 98	#BDB462
100.0%	100.0% #B7AC56	RGB 183 172 86	#B7AC56

#DCDBAB #D5D39B #CFCC8C #C9C47D #C3BC6F #BDB462 #B7AC56

#DCDBAB - #C9C47D - #B7AC56

CSS codes

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

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