#DAA09F - #3E2E2D | 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 #DAA09F to #3E2E2D

#DAA09F #3E2E2D

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

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

0.0%	0.0% #DAA09F	RGB 218 160 159	#DAA09F
16.7%	16.7% #C08D8C	RGB 192 141 140	#C08D8C
33.3%	33.3% #A67A79	RGB 166 122 121	#A67A79
50.0%	50.0% #8C6766	RGB 140 103 102	#8C6766
66.7%	66.7% #725453	RGB 114 84 83	#725453
83.3%	83.3% #584140	RGB 88 65 64	#584140
100.0%	100.0% #3E2E2D	RGB 62 46 45	#3E2E2D

#DAA09F #C08D8C #A67A79 #8C6766 #725453 #584140 #3E2E2D

#DAA09F - #3E2E2D

HSV Blend

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

0.0%	0.0% #DAA09F	RGB 218 160 159	#DAA09F
16.7%	16.7% #C08D8B	RGB 192 141 139	#C08D8B
33.3%	33.3% #A67A78	RGB 166 122 120	#A67A78
50.0%	50.0% #8C6765	RGB 140 103 101	#8C6765
66.7%	66.7% #725452	RGB 114 84 82	#725452
83.3%	83.3% #58413F	RGB 88 65 63	#58413F
100.0%	100.0% #3E2E2D	RGB 62 46 45	#3E2E2D

#DAA09F #C08D8B #A67A78 #8C6765 #725452 #58413F #3E2E2D

#DAA09F - #8C6765 - #3E2E2D

CSS codes

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

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