#DCD8C7 - #B8A275 | 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 #DCD8C7 to #B8A275

#DCD8C7 #B8A275

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

#DCD8C7 - #B8A275 | 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 #DCD8C7 as 0% and #B8A275 as 100%.

0.0%	0.0% #DCD8C7	RGB 220 216 199	#DCD8C7
16.7%	16.7% #D6CFB9	RGB 214 207 185	#D6CFB9
33.3%	33.3% #D0C6AB	RGB 208 198 171	#D0C6AB
50.0%	50.0% #CABD9E	RGB 202 189 158	#CABD9E
66.7%	66.7% #C4B490	RGB 196 180 144	#C4B490
83.3%	83.3% #BEAB82	RGB 190 171 130	#BEAB82
100.0%	100.0% #B8A275	RGB 184 162 117	#B8A275

#DCD8C7 #D6CFB9 #D0C6AB #CABD9E #C4B490 #BEAB82 #B8A275

#DCD8C7 - #B8A275

HSV Blend

#DCD8C7 - #B8A275 | 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 #DCD8C7 as 0% and #B8A275 as 100%.

0.0%	0.0% #DCD8C7	RGB 220 216 199	#DCD8C7
16.7%	16.7% #D6CFB7	RGB 214 207 183	#D6CFB7
33.3%	33.3% #D0C6A9	RGB 208 198 169	#D0C6A9
50.0%	50.0% #CABD9B	RGB 202 189 155	#CABD9B
66.7%	66.7% #C4B48E	RGB 196 180 142	#C4B48E
83.3%	83.3% #BEAB81	RGB 190 171 129	#BEAB81
100.0%	100.0% #B8A275	RGB 184 162 117	#B8A275

#DCD8C7 #D6CFB7 #D0C6A9 #CABD9B #C4B48E #BEAB81 #B8A275

#DCD8C7 - #CABD9B - #B8A275

CSS codes

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

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