#DAC897 - #3E382B | 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 #DAC897 to #3E382B

#DAC897 #3E382B

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

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

0.0%	0.0% #DAC897	RGB 218 200 151	#DAC897
16.7%	16.7% #C0B085	RGB 192 176 133	#C0B085
33.3%	33.3% #A69873	RGB 166 152 115	#A69873
50.0%	50.0% #8C8061	RGB 140 128 97	#8C8061
66.7%	66.7% #72684F	RGB 114 104 79	#72684F
83.3%	83.3% #58503D	RGB 88 80 61	#58503D
100.0%	100.0% #3E382B	RGB 62 56 43	#3E382B

#DAC897 #C0B085 #A69873 #8C8061 #72684F #58503D #3E382B

#DAC897 - #3E382B

HSV Blend

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

0.0%	0.0% #DAC897	RGB 218 200 151	#DAC897
16.7%	16.7% #C0AF85	RGB 192 175 133	#C0AF85
33.3%	33.3% #A69773	RGB 166 151 115	#A69773
50.0%	50.0% #8C7F61	RGB 140 127 97	#8C7F61
66.7%	66.7% #72674F	RGB 114 103 79	#72674F
83.3%	83.3% #584F3D	RGB 88 79 61	#584F3D
100.0%	100.0% #3E382B	RGB 62 56 43	#3E382B

#DAC897 #C0AF85 #A69773 #8C7F61 #72674F #584F3D #3E382B

#DAC897 - #8C7F61 - #3E382B

CSS codes

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

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