#DBA07A - #3E2D22 | 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 #DBA07A to #3E2D22

#DBA07A #3E2D22

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

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

0.0%	0.0% #DBA07A	RGB 219 160 122	#DBA07A
16.7%	16.7% #C08C6B	RGB 192 140 107	#C08C6B
33.3%	33.3% #A6795C	RGB 166 121 92	#A6795C
50.0%	50.0% #8C664E	RGB 140 102 78	#8C664E
66.7%	66.7% #72533F	RGB 114 83 63	#72533F
83.3%	83.3% #584030	RGB 88 64 48	#584030
100.0%	100.0% #3E2D22	RGB 62 45 34	#3E2D22

#DBA07A #C08C6B #A6795C #8C664E #72533F #584030 #3E2D22

#DBA07A - #3E2D22

HSV Blend

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

0.0%	0.0% #DBA07A	RGB 219 160 122	#DBA07A
16.7%	16.7% #C08C6B	RGB 192 140 107	#C08C6B
33.3%	33.3% #A6795C	RGB 166 121 92	#A6795C
50.0%	50.0% #8C664D	RGB 140 102 77	#8C664D
66.7%	66.7% #72533F	RGB 114 83 63	#72533F
83.3%	83.3% #584030	RGB 88 64 48	#584030
100.0%	100.0% #3E2D22	RGB 62 45 34	#3E2D22

#DBA07A #C08C6B #A6795C #8C664D #72533F #584030 #3E2D22

#DBA07A - #8C664D - #3E2D22

CSS codes

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

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