#DFD1B5 - #B0945A | 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 #DFD1B5 to #B0945A

#DFD1B5 #B0945A

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

#DFD1B5 - #B0945A | 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 #DFD1B5 as 0% and #B0945A as 100%.

0.0%	0.0% #DFD1B5	RGB 223 209 181	#DFD1B5
16.7%	16.7% #D7C6A5	RGB 215 198 165	#D7C6A5
33.3%	33.3% #CFBC96	RGB 207 188 150	#CFBC96
50.0%	50.0% #C7B287	RGB 199 178 135	#C7B287
66.7%	66.7% #BFA878	RGB 191 168 120	#BFA878
83.3%	83.3% #B79E69	RGB 183 158 105	#B79E69
100.0%	100.0% #B0945A	RGB 176 148 90	#B0945A

#DFD1B5 #D7C6A5 #CFBC96 #C7B287 #BFA878 #B79E69 #B0945A

#DFD1B5 - #B0945A

HSV Blend

#DFD1B5 - #B0945A | 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 #DFD1B5 as 0% and #B0945A as 100%.

0.0%	0.0% #DFD1B5	RGB 223 209 181	#DFD1B5
16.7%	16.7% #D7C6A3	RGB 215 198 163	#D7C6A3
33.3%	33.3% #CFBB93	RGB 207 187 147	#CFBB93
50.0%	50.0% #C7B183	RGB 199 177 131	#C7B183
66.7%	66.7% #BFA775	RGB 191 167 117	#BFA775
83.3%	83.3% #B79D67	RGB 183 157 103	#B79D67
100.0%	100.0% #B0945A	RGB 176 148 90	#B0945A

#DFD1B5 #D7C6A3 #CFBB93 #C7B183 #BFA775 #B79D67 #B0945A

#DFD1B5 - #C7B183 - #B0945A

CSS codes

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

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