#4A2D3C - #150C11 | 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 #4A2D3C to #150C11

#4A2D3C #150C11

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

#4A2D3C - #150C11 | 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 #4A2D3C as 0% and #150C11 as 100%.

0.0%	0.0% #4A2D3C	RGB 74 45 60	#4A2D3C
16.7%	16.7% #412734	RGB 65 39 52	#412734
33.3%	33.3% #38222D	RGB 56 34 45	#38222D
50.0%	50.0% #2F1C26	RGB 47 28 38	#2F1C26
66.7%	66.7% #26171F	RGB 38 23 31	#26171F
83.3%	83.3% #1D1118	RGB 29 17 24	#1D1118
100.0%	100.0% #150C11	RGB 21 12 17	#150C11

#4A2D3C #412734 #38222D #2F1C26 #26171F #1D1118 #150C11

#4A2D3C - #150C11

HSV Blend

#4A2D3C - #150C11 | 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 #4A2D3C as 0% and #150C11 as 100%.

0.0%	0.0% #4A2D3C	RGB 74 45 60	#4A2D3C
16.7%	16.7% #412734	RGB 65 39 52	#412734
33.3%	33.3% #38212D	RGB 56 33 45	#38212D
50.0%	50.0% #2F1C26	RGB 47 28 38	#2F1C26
66.7%	66.7% #26161F	RGB 38 22 31	#26161F
83.3%	83.3% #1D1118	RGB 29 17 24	#1D1118
100.0%	100.0% #150C11	RGB 21 12 17	#150C11

#4A2D3C #412734 #38212D #2F1C26 #26161F #1D1118 #150C11

#4A2D3C - #2F1C26 - #150C11

CSS codes

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

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