#AA686B - #301D1E | 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 #AA686B to #301D1E

#AA686B #301D1E

Calculate the color between two colors, #AA686B and #301D1E. 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)

#AA686B - #301D1E | 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 #AA686B as 0% and #301D1E as 100%.

0.0%	0.0% #AA686B	RGB 170 104 107	#AA686B
16.7%	16.7% #955B5E	RGB 149 91 94	#955B5E
33.3%	33.3% #814F51	RGB 129 79 81	#814F51
50.0%	50.0% #6D4244	RGB 109 66 68	#6D4244
66.7%	66.7% #583637	RGB 88 54 55	#583637
83.3%	83.3% #44292A	RGB 68 41 42	#44292A
100.0%	100.0% #301D1E	RGB 48 29 30	#301D1E

#AA686B #955B5E #814F51 #6D4244 #583637 #44292A #301D1E

#AA686B - #301D1E

HSV Blend

#AA686B - #301D1E | 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 #AA686B as 0% and #301D1E as 100%.

0.0%	0.0% #AA686B	RGB 170 104 107	#AA686B
16.7%	16.7% #955B5E	RGB 149 91 94	#955B5E
33.3%	33.3% #814E51	RGB 129 78 81	#814E51
50.0%	50.0% #6D4244	RGB 109 66 68	#6D4244
66.7%	66.7% #583537	RGB 88 53 55	#583537
83.3%	83.3% #44292A	RGB 68 41 42	#44292A
100.0%	100.0% #301D1E	RGB 48 29 30	#301D1E

#AA686B #955B5E #814E51 #6D4244 #583537 #44292A #301D1E

#AA686B - #6D4244 - #301D1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA686B 0%, #6D4244 50%, #301D1E 100%);
    background: -webkit-linear-gradient(top, #AA686B 0%, #6D4244 50%, #301D1E 100%);
    background: linear-gradient(to bottom, #AA686B 0%, #6D4244 50%, #301D1E 100%);
}
</style>