#412E3A - #AD7466 | 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 #412E3A to #AD7466

#412E3A #AD7466

Calculate the color between two colors, #412E3A and #AD7466. 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)

#412E3A - #AD7466 | 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 #412E3A as 0% and #AD7466 as 100%.

0.0%	0.0% #412E3A	RGB 65 46 58	#412E3A
16.7%	16.7% #533941	RGB 83 57 65	#533941
33.3%	33.3% #654548	RGB 101 69 72	#654548
50.0%	50.0% #775150	RGB 119 81 80	#775150
66.7%	66.7% #895C57	RGB 137 92 87	#895C57
83.3%	83.3% #9B685E	RGB 155 104 94	#9B685E
100.0%	100.0% #AD7466	RGB 173 116 102	#AD7466

#412E3A #533941 #654548 #775150 #895C57 #9B685E #AD7466

#412E3A - #AD7466

HSV Blend

#412E3A - #AD7466 | 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 #412E3A as 0% and #AD7466 as 100%.

0.0%	0.0% #412E3A	RGB 65 46 58	#412E3A
16.7%	16.7% #533945	RGB 83 57 69	#533945
33.3%	33.3% #65434F	RGB 101 67 79	#65434F
50.0%	50.0% #774D56	RGB 119 77 86	#774D56
66.7%	66.7% #89565A	RGB 137 86 90	#89565A
83.3%	83.3% #9B625E	RGB 155 98 94	#9B625E
100.0%	100.0% #AD7466	RGB 173 116 102	#AD7466

#412E3A #533945 #65434F #774D56 #89565A #9B625E #AD7466

#412E3A - #774D56 - #AD7466

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #412E3A 0%, #774D56 50%, #AD7466 100%);
    background: -webkit-linear-gradient(top, #412E3A 0%, #774D56 50%, #AD7466 100%);
    background: linear-gradient(to bottom, #412E3A 0%, #774D56 50%, #AD7466 100%);
}
</style>