#402E3E - #AD766F | 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 #402E3E to #AD766F

#402E3E #AD766F

Calculate the color between two colors, #402E3E and #AD766F. 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)

#402E3E - #AD766F | 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 #402E3E as 0% and #AD766F as 100%.

0.0%	0.0% #402E3E	RGB 64 46 62	#402E3E
16.7%	16.7% #523A46	RGB 82 58 70	#523A46
33.3%	33.3% #64464E	RGB 100 70 78	#64464E
50.0%	50.0% #765256	RGB 118 82 86	#765256
66.7%	66.7% #885E5E	RGB 136 94 94	#885E5E
83.3%	83.3% #9A6A66	RGB 154 106 102	#9A6A66
100.0%	100.0% #AD766F	RGB 173 118 111	#AD766F

#402E3E #523A46 #64464E #765256 #885E5E #9A6A66 #AD766F

#402E3E - #AD766F

HSV Blend

#402E3E - #AD766F | 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 #402E3E as 0% and #AD766F as 100%.

0.0%	0.0% #402E3E	RGB 64 46 62	#402E3E
16.7%	16.7% #523A4B	RGB 82 58 75	#523A4B
33.3%	33.3% #644556	RGB 100 69 86	#644556
50.0%	50.0% #76505F	RGB 118 80 95	#76505F
66.7%	66.7% #885B65	RGB 136 91 101	#885B65
83.3%	83.3% #9A6568	RGB 154 101 104	#9A6568
100.0%	100.0% #AD766F	RGB 173 118 111	#AD766F

#402E3E #523A4B #644556 #76505F #885B65 #9A6568 #AD766F

#402E3E - #76505F - #AD766F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #402E3E 0%, #76505F 50%, #AD766F 100%);
    background: -webkit-linear-gradient(top, #402E3E 0%, #76505F 50%, #AD766F 100%);
    background: linear-gradient(to bottom, #402E3E 0%, #76505F 50%, #AD766F 100%);
}
</style>