#4A393B - #151010 | 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 #4A393B to #151010

#4A393B #151010

Calculate the color between two colors, #4A393B and #151010. 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)

#4A393B - #151010 | 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 #4A393B as 0% and #151010 as 100%.

0.0%	0.0% #4A393B	RGB 74 57 59	#4A393B
16.7%	16.7% #413233	RGB 65 50 51	#413233
33.3%	33.3% #382B2C	RGB 56 43 44	#382B2C
50.0%	50.0% #2F2425	RGB 47 36 37	#2F2425
66.7%	66.7% #261D1E	RGB 38 29 30	#261D1E
83.3%	83.3% #1D1617	RGB 29 22 23	#1D1617
100.0%	100.0% #151010	RGB 21 16 16	#151010

#4A393B #413233 #382B2C #2F2425 #261D1E #1D1617 #151010

#4A393B - #151010

HSV Blend

#4A393B - #151010 | 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 #4A393B as 0% and #151010 as 100%.

0.0%	0.0% #4A393B	RGB 74 57 59	#4A393B
16.7%	16.7% #413233	RGB 65 50 51	#413233
33.3%	33.3% #382B2C	RGB 56 43 44	#382B2C
50.0%	50.0% #2F2425	RGB 47 36 37	#2F2425
66.7%	66.7% #261D1D	RGB 38 29 29	#261D1D
83.3%	83.3% #1D1616	RGB 29 22 22	#1D1616
100.0%	100.0% #151010	RGB 21 16 16	#151010

#4A393B #413233 #382B2C #2F2425 #261D1D #1D1616 #151010

#4A393B - #2F2425 - #151010

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A393B 0%, #2F2425 50%, #151010 100%);
    background: -webkit-linear-gradient(top, #4A393B 0%, #2F2425 50%, #151010 100%);
    background: linear-gradient(to bottom, #4A393B 0%, #2F2425 50%, #151010 100%);
}
</style>