#DFDEDD - #BAA78B | 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 #DFDEDD to #BAA78B

#DFDEDD #BAA78B

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

#DFDEDD - #BAA78B | 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 #DFDEDD as 0% and #BAA78B as 100%.

0.0%	0.0% #DFDEDD	RGB 223 222 221	#DFDEDD
16.7%	16.7% #D8D4CF	RGB 216 212 207	#D8D4CF
33.3%	33.3% #D2CBC1	RGB 210 203 193	#D2CBC1
50.0%	50.0% #CCC2B4	RGB 204 194 180	#CCC2B4
66.7%	66.7% #C6B9A6	RGB 198 185 166	#C6B9A6
83.3%	83.3% #C0B098	RGB 192 176 152	#C0B098
100.0%	100.0% #BAA78B	RGB 186 167 139	#BAA78B

#DFDEDD #D8D4CF #D2CBC1 #CCC2B4 #C6B9A6 #C0B098 #BAA78B

#DFDEDD - #BAA78B

HSV Blend

#DFDEDD - #BAA78B | 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 #DFDEDD as 0% and #BAA78B as 100%.

0.0%	0.0% #DFDEDD	RGB 223 222 221	#DFDEDD
16.7%	16.7% #D8D3CE	RGB 216 211 206	#D8D3CE
33.3%	33.3% #D2C9BF	RGB 210 201 191	#D2C9BF
50.0%	50.0% #CCC0B1	RGB 204 192 177	#CCC0B1
66.7%	66.7% #C6B7A4	RGB 198 183 164	#C6B7A4
83.3%	83.3% #C0AF97	RGB 192 175 151	#C0AF97
100.0%	100.0% #BAA78B	RGB 186 167 139	#BAA78B

#DFDEDD #D8D3CE #D2C9BF #CCC0B1 #C6B7A4 #C0AF97 #BAA78B

#DFDEDD - #CCC0B1 - #BAA78B

CSS codes

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

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