#524951 - #171416 | 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 #524951 to #171416

#524951 #171416

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

#524951 - #171416 | 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 #524951 as 0% and #171416 as 100%.

0.0%	0.0% #524951	RGB 82 73 81	#524951
16.7%	16.7% #484047	RGB 72 64 71	#484047
33.3%	33.3% #3E373D	RGB 62 55 61	#3E373D
50.0%	50.0% #342E33	RGB 52 46 51	#342E33
66.7%	66.7% #2A2529	RGB 42 37 41	#2A2529
83.3%	83.3% #201C1F	RGB 32 28 31	#201C1F
100.0%	100.0% #171416	RGB 23 20 22	#171416

#524951 #484047 #3E373D #342E33 #2A2529 #201C1F #171416

#524951 - #171416

HSV Blend

#524951 - #171416 | 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 #524951 as 0% and #171416 as 100%.

0.0%	0.0% #524951	RGB 82 73 81	#524951
16.7%	16.7% #483F46	RGB 72 63 70	#483F46
33.3%	33.3% #3E373C	RGB 62 55 60	#3E373C
50.0%	50.0% #342E33	RGB 52 46 51	#342E33
66.7%	66.7% #2A2529	RGB 42 37 41	#2A2529
83.3%	83.3% #201C1F	RGB 32 28 31	#201C1F
100.0%	100.0% #171416	RGB 23 20 22	#171416

#524951 #483F46 #3E373C #342E33 #2A2529 #201C1F #171416

#524951 - #342E33 - #171416

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #524951 0%, #342E33 50%, #171416 100%);
    background: -webkit-linear-gradient(top, #524951 0%, #342E33 50%, #171416 100%);
    background: linear-gradient(to bottom, #524951 0%, #342E33 50%, #171416 100%);
}
</style>