#DDDFC7 - #BDB775 | 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 #BDB775

#DDDFC7 #BDB775

Calculate the color between two colors, #DDDFC7 and #BDB775. 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 - #BDB775 | 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 #BDB775 as 100%.

0.0%	0.0% #DDDFC7	RGB 221 223 199	#DDDFC7
16.7%	16.7% #D7D8B9	RGB 215 216 185	#D7D8B9
33.3%	33.3% #D2D1AB	RGB 210 209 171	#D2D1AB
50.0%	50.0% #CDCB9E	RGB 205 203 158	#CDCB9E
66.7%	66.7% #C7C490	RGB 199 196 144	#C7C490
83.3%	83.3% #C2BD82	RGB 194 189 130	#C2BD82
100.0%	100.0% #BDB775	RGB 189 183 117	#BDB775

#DDDFC7 #D7D8B9 #D2D1AB #CDCB9E #C7C490 #C2BD82 #BDB775

#DDDFC7 - #BDB775

HSV Blend

#DDDFC7 - #BDB775 | 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 #BDB775 as 100%.

0.0%	0.0% #DDDFC7	RGB 221 223 199	#DDDFC7
16.7%	16.7% #D7D9B8	RGB 215 217 184	#D7D9B8
33.3%	33.3% #D2D3A9	RGB 210 211 169	#D2D3A9
50.0%	50.0% #CECE9B	RGB 206 206 155	#CECE9B
66.7%	66.7% #C8C68E	RGB 200 198 142	#C8C68E
83.3%	83.3% #C2BF81	RGB 194 191 129	#C2BF81
100.0%	100.0% #BDB775	RGB 189 183 117	#BDB775

#DDDFC7 #D7D9B8 #D2D3A9 #CECE9B #C8C68E #C2BF81 #BDB775

#DDDFC7 - #CECE9B - #BDB775

CSS codes

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

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