#DAB49D - #3E322C | 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 #DAB49D to #3E322C

#DAB49D #3E322C

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

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

0.0%	0.0% #DAB49D	RGB 218 180 157	#DAB49D
16.7%	16.7% #C09E8A	RGB 192 158 138	#C09E8A
33.3%	33.3% #A68877	RGB 166 136 119	#A68877
50.0%	50.0% #8C7364	RGB 140 115 100	#8C7364
66.7%	66.7% #725D51	RGB 114 93 81	#725D51
83.3%	83.3% #58473E	RGB 88 71 62	#58473E
100.0%	100.0% #3E322C	RGB 62 50 44	#3E322C

#DAB49D #C09E8A #A68877 #8C7364 #725D51 #58473E #3E322C

#DAB49D - #3E322C

HSV Blend

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

0.0%	0.0% #DAB49D	RGB 218 180 157	#DAB49D
16.7%	16.7% #C09D89	RGB 192 157 137	#C09D89
33.3%	33.3% #A68876	RGB 166 136 118	#A68876
50.0%	50.0% #8C7264	RGB 140 114 100	#8C7264
66.7%	66.7% #725C51	RGB 114 92 81	#725C51
83.3%	83.3% #58473E	RGB 88 71 62	#58473E
100.0%	100.0% #3E322C	RGB 62 50 44	#3E322C

#DAB49D #C09D89 #A68876 #8C7264 #725C51 #58473E #3E322C

#DAB49D - #8C7264 - #3E322C

CSS codes

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

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