#DDD3C7 - #BAB267 | 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 #DDD3C7 to #BAB267

#DDD3C7 #BAB267

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

#DDD3C7 - #BAB267 | 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 #DDD3C7 as 0% and #BAB267 as 100%.

0.0%	0.0% #DDD3C7	RGB 221 211 199	#DDD3C7
16.7%	16.7% #D7CDB7	RGB 215 205 183	#D7CDB7
33.3%	33.3% #D1C8A7	RGB 209 200 167	#D1C8A7
50.0%	50.0% #CBC297	RGB 203 194 151	#CBC297
66.7%	66.7% #C5BD87	RGB 197 189 135	#C5BD87
83.3%	83.3% #BFB777	RGB 191 183 119	#BFB777
100.0%	100.0% #BAB267	RGB 186 178 103	#BAB267

#DDD3C7 #D7CDB7 #D1C8A7 #CBC297 #C5BD87 #BFB777 #BAB267

#DDD3C7 - #BAB267

HSV Blend

#DDD3C7 - #BAB267 | 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 #DDD3C7 as 0% and #BAB267 as 100%.

0.0%	0.0% #DDD3C7	RGB 221 211 199	#DDD3C7
16.7%	16.7% #D7C9B5	RGB 215 201 181	#D7C9B5
33.3%	33.3% #D1C2A4	RGB 209 194 164	#D1C2A4
50.0%	50.0% #CBBC93	RGB 203 188 147	#CBBC93
66.7%	66.7% #C5B784	RGB 197 183 132	#C5B784
83.3%	83.3% #BFB475	RGB 191 180 117	#BFB475
100.0%	100.0% #BAB267	RGB 186 178 103	#BAB267

#DDD3C7 #D7C9B5 #D1C2A4 #CBBC93 #C5B784 #BFB475 #BAB267

#DDD3C7 - #CBBC93 - #BAB267

CSS codes

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

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