#41595D - #AAA18D | 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 #41595D to #AAA18D

#41595D #AAA18D

Calculate the color between two colors, #41595D and #AAA18D. 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)

#41595D - #AAA18D | 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 #41595D as 0% and #AAA18D as 100%.

0.0%	0.0% #41595D	RGB 65 89 93	#41595D
16.7%	16.7% #526565	RGB 82 101 101	#526565
33.3%	33.3% #64716D	RGB 100 113 109	#64716D
50.0%	50.0% #757D75	RGB 117 125 117	#757D75
66.7%	66.7% #87897D	RGB 135 137 125	#87897D
83.3%	83.3% #989585	RGB 152 149 133	#989585
100.0%	100.0% #AAA18D	RGB 170 161 141	#AAA18D

#41595D #526565 #64716D #757D75 #87897D #989585 #AAA18D

#41595D - #AAA18D

HSV Blend

#41595D - #AAA18D | 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 #41595D as 0% and #AAA18D as 100%.

0.0%	0.0% #41585D	RGB 65 88 93	#41585D
16.7%	16.7% #4C6961	RGB 76 105 97	#4C6961
33.3%	33.3% #587662	RGB 88 118 98	#587662
50.0%	50.0% #678364	RGB 103 131 100	#678364
66.7%	66.7% #809071	RGB 128 144 113	#809071
83.3%	83.3% #9A9D7E	RGB 154 157 126	#9A9D7E
100.0%	100.0% #AAA18D	RGB 170 161 141	#AAA18D

#41585D #4C6961 #587662 #678364 #809071 #9A9D7E #AAA18D

#41595D - #678364 - #AAA18D

CSS codes

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

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