#DDDFC7 - #9F9C6F | 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 #DDDFC7 to #9F9C6F

#DDDFC7 #9F9C6F

Calculate the color between two colors, #DDDFC7 and #9F9C6F. 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)

#DDDFC7 - #9F9C6F | 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 #DDDFC7 as 0% and #9F9C6F as 100%.

0.0%	0.0% #DDDFC7	RGB 221 223 199	#DDDFC7
16.7%	16.7% #D2D3B8	RGB 210 211 184	#D2D3B8
33.3%	33.3% #C8C8A9	RGB 200 200 169	#C8C8A9
50.0%	50.0% #BEBD9B	RGB 190 189 155	#BEBD9B
66.7%	66.7% #B3B28C	RGB 179 178 140	#B3B28C
83.3%	83.3% #A9A77D	RGB 169 167 125	#A9A77D
100.0%	100.0% #9F9C6F	RGB 159 156 111	#9F9C6F

#DDDFC7 #D2D3B8 #C8C8A9 #BEBD9B #B3B28C #A9A77D #9F9C6F

#DDDFC7 - #9F9C6F

HSV Blend

#DDDFC7 - #9F9C6F | 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 #DDDFC7 as 0% and #9F9C6F as 100%.

0.0%	0.0% #DDDFC7	RGB 221 223 199	#DDDFC7
16.7%	16.7% #D2D4B6	RGB 210 212 182	#D2D4B6
33.3%	33.3% #C8C9A6	RGB 200 201 166	#C8C9A6
50.0%	50.0% #BEBF97	RGB 190 191 151	#BEBF97
66.7%	66.7% #B4B389	RGB 180 179 137	#B4B389
83.3%	83.3% #A9A77B	RGB 169 167 123	#A9A77B
100.0%	100.0% #9F9C6F	RGB 159 156 111	#9F9C6F

#DDDFC7 #D2D4B6 #C8C9A6 #BEBF97 #B4B389 #A9A77B #9F9C6F

#DDDFC7 - #BEBF97 - #9F9C6F

CSS codes

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

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