#DFDBB8 - #BBA964 | 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 #DFDBB8 to #BBA964

#DFDBB8 #BBA964

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

#DFDBB8 - #BBA964 | 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 #DFDBB8 as 0% and #BBA964 as 100%.

0.0%	0.0% #DFDBB8	RGB 223 219 184	#DFDBB8
16.7%	16.7% #D9D2AA	RGB 217 210 170	#D9D2AA
33.3%	33.3% #D3CA9C	RGB 211 202 156	#D3CA9C
50.0%	50.0% #CDC28E	RGB 205 194 142	#CDC28E
66.7%	66.7% #C7B980	RGB 199 185 128	#C7B980
83.3%	83.3% #C1B172	RGB 193 177 114	#C1B172
100.0%	100.0% #BBA964	RGB 187 169 100	#BBA964

#DFDBB8 #D9D2AA #D3CA9C #CDC28E #C7B980 #C1B172 #BBA964

#DFDBB8 - #BBA964

HSV Blend

#DFDBB8 - #BBA964 | 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 #DFDBB8 as 0% and #BBA964 as 100%.

0.0%	0.0% #DFDBB8	RGB 223 219 184	#DFDBB8
16.7%	16.7% #D9D3A8	RGB 217 211 168	#D9D3A8
33.3%	33.3% #D3CB99	RGB 211 203 153	#D3CB99
50.0%	50.0% #CDC28B	RGB 205 194 139	#CDC28B
66.7%	66.7% #C7BA7D	RGB 199 186 125	#C7BA7D
83.3%	83.3% #C1B170	RGB 193 177 112	#C1B170
100.0%	100.0% #BBA964	RGB 187 169 100	#BBA964

#DFDBB8 #D9D3A8 #D3CB99 #CDC28B #C7BA7D #C1B170 #BBA964

#DFDBB8 - #CDC28B - #BBA964

CSS codes

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

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