#DDDFD1 - #BBB781 | 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 #DDDFD1 to #BBB781

#DDDFD1 #BBB781

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

#DDDFD1 - #BBB781 | 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 #DDDFD1 as 0% and #BBB781 as 100%.

0.0%	0.0% #DDDFD1	RGB 221 223 209	#DDDFD1
16.7%	16.7% #D7D8C3	RGB 215 216 195	#D7D8C3
33.3%	33.3% #D1D1B6	RGB 209 209 182	#D1D1B6
50.0%	50.0% #CCCBA9	RGB 204 203 169	#CCCBA9
66.7%	66.7% #C6C49B	RGB 198 196 155	#C6C49B
83.3%	83.3% #C0BD8E	RGB 192 189 142	#C0BD8E
100.0%	100.0% #BBB781	RGB 187 183 129	#BBB781

#DDDFD1 #D7D8C3 #D1D1B6 #CCCBA9 #C6C49B #C0BD8E #BBB781

#DDDFD1 - #BBB781

HSV Blend

#DDDFD1 - #BBB781 | 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 #DDDFD1 as 0% and #BBB781 as 100%.

0.0%	0.0% #DDDFD1	RGB 221 223 209	#DDDFD1
16.7%	16.7% #D6D9C2	RGB 214 217 194	#D6D9C2
33.3%	33.3% #D0D3B4	RGB 208 211 180	#D0D3B4
50.0%	50.0% #CBCDA6	RGB 203 205 166	#CBCDA6
66.7%	66.7% #C6C799	RGB 198 199 153	#C6C799
83.3%	83.3% #C1BF8D	RGB 193 191 141	#C1BF8D
100.0%	100.0% #BBB781	RGB 187 183 129	#BBB781

#DDDFD1 #D6D9C2 #D0D3B4 #CBCDA6 #C6C799 #C1BF8D #BBB781

#DDDFD1 - #CBCDA6 - #BBB781

CSS codes

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

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