#DFDDD9 - #B0AF8B | 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 #DFDDD9 to #B0AF8B

#DFDDD9 #B0AF8B

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

#DFDDD9 - #B0AF8B | 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 #DFDDD9 as 0% and #B0AF8B as 100%.

0.0%	0.0% #DFDDD9	RGB 223 221 217	#DFDDD9
16.7%	16.7% #D7D5CC	RGB 215 213 204	#D7D5CC
33.3%	33.3% #CFCDBF	RGB 207 205 191	#CFCDBF
50.0%	50.0% #C7C6B2	RGB 199 198 178	#C7C6B2
66.7%	66.7% #BFBEA5	RGB 191 190 165	#BFBEA5
83.3%	83.3% #B7B698	RGB 183 182 152	#B7B698
100.0%	100.0% #B0AF8B	RGB 176 175 139	#B0AF8B

#DFDDD9 #D7D5CC #CFCDBF #C7C6B2 #BFBEA5 #B7B698 #B0AF8B

#DFDDD9 - #B0AF8B

HSV Blend

#DFDDD9 - #B0AF8B | 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 #DFDDD9 as 0% and #B0AF8B as 100%.

0.0%	0.0% #DFDDD9	RGB 223 221 217	#DFDDD9
16.7%	16.7% #D7D3CA	RGB 215 211 202	#D7D3CA
33.3%	33.3% #CFCBBD	RGB 207 203 189	#CFCBBD
50.0%	50.0% #C7C3AF	RGB 199 195 175	#C7C3AF
66.7%	66.7% #BFBBA3	RGB 191 187 163	#BFBBA3
83.3%	83.3% #B7B596	RGB 183 181 150	#B7B596
100.0%	100.0% #B0AF8B	RGB 176 175 139	#B0AF8B

#DFDDD9 #D7D3CA #CFCBBD #C7C3AF #BFBBA3 #B7B596 #B0AF8B

#DFDDD9 - #C7C3AF - #B0AF8B

CSS codes

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

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