#525249 - #171714 | 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 #525249 to #171714

#525249 #171714

Calculate the color between two colors, #525249 and #171714. 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)

#525249 - #171714 | 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 #525249 as 0% and #171714 as 100%.

0.0%	0.0% #525249	RGB 82 82 73	#525249
16.7%	16.7% #484840	RGB 72 72 64	#484840
33.3%	33.3% #3E3E37	RGB 62 62 55	#3E3E37
50.0%	50.0% #34342E	RGB 52 52 46	#34342E
66.7%	66.7% #2A2A25	RGB 42 42 37	#2A2A25
83.3%	83.3% #20201C	RGB 32 32 28	#20201C
100.0%	100.0% #171714	RGB 23 23 20	#171714

#525249 #484840 #3E3E37 #34342E #2A2A25 #20201C #171714

#525249 - #171714

HSV Blend

#525249 - #171714 | 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 #525249 as 0% and #171714 as 100%.

0.0%	0.0% #525249	RGB 82 82 73	#525249
16.7%	16.7% #48483F	RGB 72 72 63	#48483F
33.3%	33.3% #3E3E37	RGB 62 62 55	#3E3E37
50.0%	50.0% #34342E	RGB 52 52 46	#34342E
66.7%	66.7% #2A2A25	RGB 42 42 37	#2A2A25
83.3%	83.3% #20201C	RGB 32 32 28	#20201C
100.0%	100.0% #171714	RGB 23 23 20	#171714

#525249 #48483F #3E3E37 #34342E #2A2A25 #20201C #171714

#525249 - #34342E - #171714

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #525249 0%, #34342E 50%, #171714 100%);
    background: -webkit-linear-gradient(top, #525249 0%, #34342E 50%, #171714 100%);
    background: linear-gradient(to bottom, #525249 0%, #34342E 50%, #171714 100%);
}
</style>