#DAD4B9 - #3E3C34 | 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 #DAD4B9 to #3E3C34

#DAD4B9 #3E3C34

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

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

0.0%	0.0% #DAD4B9	RGB 218 212 185	#DAD4B9
16.7%	16.7% #C0BAA2	RGB 192 186 162	#C0BAA2
33.3%	33.3% #A6A18C	RGB 166 161 140	#A6A18C
50.0%	50.0% #8C8876	RGB 140 136 118	#8C8876
66.7%	66.7% #726E60	RGB 114 110 96	#726E60
83.3%	83.3% #58554A	RGB 88 85 74	#58554A
100.0%	100.0% #3E3C34	RGB 62 60 52	#3E3C34

#DAD4B9 #C0BAA2 #A6A18C #8C8876 #726E60 #58554A #3E3C34

#DAD4B9 - #3E3C34

HSV Blend

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

0.0%	0.0% #DAD4B9	RGB 218 212 185	#DAD4B9
16.7%	16.7% #C0BAA2	RGB 192 186 162	#C0BAA2
33.3%	33.3% #A6A18C	RGB 166 161 140	#A6A18C
50.0%	50.0% #8C8776	RGB 140 135 118	#8C8776
66.7%	66.7% #726E5F	RGB 114 110 95	#726E5F
83.3%	83.3% #585549	RGB 88 85 73	#585549
100.0%	100.0% #3E3C34	RGB 62 60 52	#3E3C34

#DAD4B9 #C0BAA2 #A6A18C #8C8776 #726E5F #585549 #3E3C34

#DAD4B9 - #8C8776 - #3E3C34

CSS codes

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

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