#3E565C - #A59E8C | 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 #3E565C to #A59E8C

#3E565C #A59E8C

Calculate the color between two colors, #3E565C and #A59E8C. 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)

#3E565C - #A59E8C | 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 #3E565C as 0% and #A59E8C as 100%.

0.0%	0.0% #3E565C	RGB 62 86 92	#3E565C
16.7%	16.7% #4F6264	RGB 79 98 100	#4F6264
33.3%	33.3% #606E6C	RGB 96 110 108	#606E6C
50.0%	50.0% #717A74	RGB 113 122 116	#717A74
66.7%	66.7% #82867C	RGB 130 134 124	#82867C
83.3%	83.3% #939284	RGB 147 146 132	#939284
100.0%	100.0% #A59E8C	RGB 165 158 140	#A59E8C

#3E565C #4F6264 #606E6C #717A74 #82867C #939284 #A59E8C

#3E565C - #A59E8C

HSV Blend

#3E565C - #A59E8C | 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 #3E565C as 0% and #A59E8C as 100%.

0.0%	0.0% #3E555C	RGB 62 85 92	#3E555C
16.7%	16.7% #496861	RGB 73 104 97	#496861
33.3%	33.3% #557460	RGB 85 116 96	#557460
50.0%	50.0% #638061	RGB 99 128 97	#638061
66.7%	66.7% #7C8C6F	RGB 124 140 111	#7C8C6F
83.3%	83.3% #95987D	RGB 149 152 125	#95987D
100.0%	100.0% #A59E8C	RGB 165 158 140	#A59E8C

#3E555C #496861 #557460 #638061 #7C8C6F #95987D #A59E8C

#3E565C - #638061 - #A59E8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E555C 0%, #638061 50%, #A59E8C 100%);
    background: -webkit-linear-gradient(top, #3E555C 0%, #638061 50%, #A59E8C 100%);
    background: linear-gradient(to bottom, #3E555C 0%, #638061 50%, #A59E8C 100%);
}
</style>