#DFD1A8 - #BF9952 | 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 #DFD1A8 to #BF9952

#DFD1A8 #BF9952

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

#DFD1A8 - #BF9952 | 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 #DFD1A8 as 0% and #BF9952 as 100%.

0.0%	0.0% #DFD1A8	RGB 223 209 168	#DFD1A8
16.7%	16.7% #D9C799	RGB 217 199 153	#D9C799
33.3%	33.3% #D4BE8B	RGB 212 190 139	#D4BE8B
50.0%	50.0% #CFB57D	RGB 207 181 125	#CFB57D
66.7%	66.7% #C9AB6E	RGB 201 171 110	#C9AB6E
83.3%	83.3% #C4A260	RGB 196 162 96	#C4A260
100.0%	100.0% #BF9952	RGB 191 153 82	#BF9952

#DFD1A8 #D9C799 #D4BE8B #CFB57D #C9AB6E #C4A260 #BF9952

#DFD1A8 - #BF9952

HSV Blend

#DFD1A8 - #BF9952 | 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 #DFD1A8 as 0% and #BF9952 as 100%.

0.0%	0.0% #DFD1A8	RGB 223 209 168	#DFD1A8
16.7%	16.7% #D9C798	RGB 217 199 152	#D9C798
33.3%	33.3% #D4BE89	RGB 212 190 137	#D4BE89
50.0%	50.0% #CFB57A	RGB 207 181 122	#CFB57A
66.7%	66.7% #C9AC6C	RGB 201 172 108	#C9AC6C
83.3%	83.3% #C4A25E	RGB 196 162 94	#C4A25E
100.0%	100.0% #BF9952	RGB 191 153 82	#BF9952

#DFD1A8 #D9C798 #D4BE89 #CFB57A #C9AC6C #C4A25E #BF9952

#DFD1A8 - #CFB57A - #BF9952

CSS codes

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

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