#DFD9C3 - #BDA370 | 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 #DFD9C3 to #BDA370

#DFD9C3 #BDA370

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

#DFD9C3 - #BDA370 | 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 #DFD9C3 as 0% and #BDA370 as 100%.

0.0%	0.0% #DFD9C3	RGB 223 217 195	#DFD9C3
16.7%	16.7% #D9D0B5	RGB 217 208 181	#D9D0B5
33.3%	33.3% #D3C7A7	RGB 211 199 167	#D3C7A7
50.0%	50.0% #CEBE99	RGB 206 190 153	#CEBE99
66.7%	66.7% #C8B58B	RGB 200 181 139	#C8B58B
83.3%	83.3% #C2AC7D	RGB 194 172 125	#C2AC7D
100.0%	100.0% #BDA370	RGB 189 163 112	#BDA370

#DFD9C3 #D9D0B5 #D3C7A7 #CEBE99 #C8B58B #C2AC7D #BDA370

#DFD9C3 - #BDA370

HSV Blend

#DFD9C3 - #BDA370 | 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 #DFD9C3 as 0% and #BDA370 as 100%.

0.0%	0.0% #DFD9C3	RGB 223 217 195	#DFD9C3
16.7%	16.7% #D9D0B3	RGB 217 208 179	#D9D0B3
33.3%	33.3% #D3C7A5	RGB 211 199 165	#D3C7A5
50.0%	50.0% #CEBE97	RGB 206 190 151	#CEBE97
66.7%	66.7% #C8B589	RGB 200 181 137	#C8B589
83.3%	83.3% #C2AC7C	RGB 194 172 124	#C2AC7C
100.0%	100.0% #BDA370	RGB 189 163 112	#BDA370

#DFD9C3 #D9D0B3 #D3C7A5 #CEBE97 #C8B589 #C2AC7C #BDA370

#DFD9C3 - #CEBE97 - #BDA370

CSS codes

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

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