#DBE5A0 - #3E412D | 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 #DBE5A0 to #3E412D

#DBE5A0 #3E412D

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

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

0.0%	0.0% #DBE5A0	RGB 219 229 160	#DBE5A0
16.7%	16.7% #C0C98C	RGB 192 201 140	#C0C98C
33.3%	33.3% #A6AE79	RGB 166 174 121	#A6AE79
50.0%	50.0% #8C9366	RGB 140 147 102	#8C9366
66.7%	66.7% #727753	RGB 114 119 83	#727753
83.3%	83.3% #585C40	RGB 88 92 64	#585C40
100.0%	100.0% #3E412D	RGB 62 65 45	#3E412D

#DBE5A0 #C0C98C #A6AE79 #8C9366 #727753 #585C40 #3E412D

#DBE5A0 - #3E412D

HSV Blend

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

0.0%	0.0% #DBE5A0	RGB 219 229 160	#DBE5A0
16.7%	16.7% #C0C98C	RGB 192 201 140	#C0C98C
33.3%	33.3% #A6AE79	RGB 166 174 121	#A6AE79
50.0%	50.0% #8C9366	RGB 140 147 102	#8C9366
66.7%	66.7% #727753	RGB 114 119 83	#727753
83.3%	83.3% #585C40	RGB 88 92 64	#585C40
100.0%	100.0% #3E412D	RGB 62 65 45	#3E412D

#DBE5A0 #C0C98C #A6AE79 #8C9366 #727753 #585C40 #3E412D

#DBE5A0 - #8C9366 - #3E412D

CSS codes

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

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