#AA5E68 - #301A1D | 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 #AA5E68 to #301A1D

#AA5E68 #301A1D

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

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

0.0%	0.0% #AA5E68	RGB 170 94 104	#AA5E68
16.7%	16.7% #95525B	RGB 149 82 91	#95525B
33.3%	33.3% #81474F	RGB 129 71 79	#81474F
50.0%	50.0% #6D3C42	RGB 109 60 66	#6D3C42
66.7%	66.7% #583036	RGB 88 48 54	#583036
83.3%	83.3% #442529	RGB 68 37 41	#442529
100.0%	100.0% #301A1D	RGB 48 26 29	#301A1D

#AA5E68 #95525B #81474F #6D3C42 #583036 #442529 #301A1D

#AA5E68 - #301A1D

HSV Blend

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

0.0%	0.0% #AA5E68	RGB 170 94 104	#AA5E68
16.7%	16.7% #95525B	RGB 149 82 91	#95525B
33.3%	33.3% #81474E	RGB 129 71 78	#81474E
50.0%	50.0% #6D3B42	RGB 109 59 66	#6D3B42
66.7%	66.7% #583035	RGB 88 48 53	#583035
83.3%	83.3% #442529	RGB 68 37 41	#442529
100.0%	100.0% #301A1D	RGB 48 26 29	#301A1D

#AA5E68 #95525B #81474E #6D3B42 #583035 #442529 #301A1D

#AA5E68 - #6D3B42 - #301A1D

CSS codes

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

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