#D9A896 - #3E302A | 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 #D9A896 to #3E302A

#D9A896 #3E302A

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

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

0.0%	0.0% #D9A896	RGB 217 168 150	#D9A896
16.7%	16.7% #BF9484	RGB 191 148 132	#BF9484
33.3%	33.3% #A58072	RGB 165 128 114	#A58072
50.0%	50.0% #8B6C60	RGB 139 108 96	#8B6C60
66.7%	66.7% #71584E	RGB 113 88 78	#71584E
83.3%	83.3% #57443C	RGB 87 68 60	#57443C
100.0%	100.0% #3E302A	RGB 62 48 42	#3E302A

#D9A896 #BF9484 #A58072 #8B6C60 #71584E #57443C #3E302A

#D9A896 - #3E302A

HSV Blend

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

0.0%	0.0% #D9A896	RGB 217 168 150	#D9A896
16.7%	16.7% #BF9383	RGB 191 147 131	#BF9383
33.3%	33.3% #A57F71	RGB 165 127 113	#A57F71
50.0%	50.0% #8B6B5F	RGB 139 107 95	#8B6B5F
66.7%	66.7% #71574D	RGB 113 87 77	#71574D
83.3%	83.3% #57433B	RGB 87 67 59	#57433B
100.0%	100.0% #3E302A	RGB 62 48 42	#3E302A

#D9A896 #BF9383 #A57F71 #8B6B5F #71574D #57433B #3E302A

#D9A896 - #8B6B5F - #3E302A

CSS codes

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

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