#DFDDBB - #BAAD67 | 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 #DFDDBB to #BAAD67

#DFDDBB #BAAD67

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

#DFDDBB - #BAAD67 | 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 #DFDDBB as 0% and #BAAD67 as 100%.

0.0%	0.0% #DFDDBB	RGB 223 221 187	#DFDDBB
16.7%	16.7% #D8D5AD	RGB 216 213 173	#D8D5AD
33.3%	33.3% #D2CD9F	RGB 210 205 159	#D2CD9F
50.0%	50.0% #CCC591	RGB 204 197 145	#CCC591
66.7%	66.7% #C6BD83	RGB 198 189 131	#C6BD83
83.3%	83.3% #C0B575	RGB 192 181 117	#C0B575
100.0%	100.0% #BAAD67	RGB 186 173 103	#BAAD67

#DFDDBB #D8D5AD #D2CD9F #CCC591 #C6BD83 #C0B575 #BAAD67

#DFDDBB - #BAAD67

HSV Blend

#DFDDBB - #BAAD67 | 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 #DFDDBB as 0% and #BAAD67 as 100%.

0.0%	0.0% #DFDDBB	RGB 223 221 187	#DFDDBB
16.7%	16.7% #D8D5AB	RGB 216 213 171	#D8D5AB
33.3%	33.3% #D2CD9C	RGB 210 205 156	#D2CD9C
50.0%	50.0% #CCC58E	RGB 204 197 142	#CCC58E
66.7%	66.7% #C6BD80	RGB 198 189 128	#C6BD80
83.3%	83.3% #C0B573	RGB 192 181 115	#C0B573
100.0%	100.0% #BAAD67	RGB 186 173 103	#BAAD67

#DFDDBB #D8D5AB #D2CD9C #CCC58E #C6BD80 #C0B573 #BAAD67

#DFDDBB - #CCC58E - #BAAD67

CSS codes

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

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