#D6BBA3 - #3D352E | 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 #D6BBA3 to #3D352E

#D6BBA3 #3D352E

Calculate the color between two colors, #D6BBA3 and #3D352E. 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)

#D6BBA3 - #3D352E | 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 #D6BBA3 as 0% and #3D352E as 100%.

0.0%	0.0% #D6BBA3	RGB 214 187 163	#D6BBA3
16.7%	16.7% #BCA48F	RGB 188 164 143	#BCA48F
33.3%	33.3% #A38E7C	RGB 163 142 124	#A38E7C
50.0%	50.0% #897868	RGB 137 120 104	#897868
66.7%	66.7% #706155	RGB 112 97 85	#706155
83.3%	83.3% #564B41	RGB 86 75 65	#564B41
100.0%	100.0% #3D352E	RGB 61 53 46	#3D352E

#D6BBA3 #BCA48F #A38E7C #897868 #706155 #564B41 #3D352E

#D6BBA3 - #3D352E

HSV Blend

#D6BBA3 - #3D352E | 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 #D6BBA3 as 0% and #3D352E as 100%.

0.0%	0.0% #D6BBA3	RGB 214 187 163	#D6BBA3
16.7%	16.7% #BCA48F	RGB 188 164 143	#BCA48F
33.3%	33.3% #A38E7B	RGB 163 142 123	#A38E7B
50.0%	50.0% #897768	RGB 137 119 104	#897768
66.7%	66.7% #706154	RGB 112 97 84	#706154
83.3%	83.3% #564B41	RGB 86 75 65	#564B41
100.0%	100.0% #3D352E	RGB 61 53 46	#3D352E

#D6BBA3 #BCA48F #A38E7B #897768 #706154 #564B41 #3D352E

#D6BBA3 - #897768 - #3D352E

CSS codes

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

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