#A45462 - #5E1920 | 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 #A45462 to #5E1920

#A45462 #5E1920

Calculate the color between two colors, #A45462 and #5E1920. 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)

#A45462 - #5E1920 | 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 #A45462 as 0% and #5E1920 as 100%.

0.0%	0.0% #A45462	RGB 164 84 98	#A45462
16.7%	16.7% #984A57	RGB 152 74 87	#984A57
33.3%	33.3% #8C404C	RGB 140 64 76	#8C404C
50.0%	50.0% #813641	RGB 129 54 65	#813641
66.7%	66.7% #752C36	RGB 117 44 54	#752C36
83.3%	83.3% #69222B	RGB 105 34 43	#69222B
100.0%	100.0% #5E1920	RGB 94 25 32	#5E1920

#A45462 #984A57 #8C404C #813641 #752C36 #69222B #5E1920

#A45462 - #5E1920

HSV Blend

#A45462 - #5E1920 | 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 #A45462 as 0% and #5E1920 as 100%.

0.0%	0.0% #A45462	RGB 164 84 98	#A45462
16.7%	16.7% #984754	RGB 152 71 84	#984754
33.3%	33.3% #8C3C48	RGB 140 60 72	#8C3C48
50.0%	50.0% #81323D	RGB 129 50 61	#81323D
66.7%	66.7% #752832	RGB 117 40 50	#752832
83.3%	83.3% #692028	RGB 105 32 40	#692028
100.0%	100.0% #5E1920	RGB 94 25 32	#5E1920

#A45462 #984754 #8C3C48 #81323D #752832 #692028 #5E1920

#A45462 - #81323D - #5E1920

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A45462 0%, #81323D 50%, #5E1920 100%);
    background: -webkit-linear-gradient(top, #A45462 0%, #81323D 50%, #5E1920 100%);
    background: linear-gradient(to bottom, #A45462 0%, #81323D 50%, #5E1920 100%);
}
</style>