#10080A - #4D3E3F | 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 #10080A to #4D3E3F

#10080A #4D3E3F

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

#10080A - #4D3E3F | 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 #10080A as 0% and #4D3E3F as 100%.

0.0%	0.0% #10080A	RGB 16 8 10	#10080A
16.7%	16.7% #1A1112	RGB 26 17 18	#1A1112
33.3%	33.3% #241A1B	RGB 36 26 27	#241A1B
50.0%	50.0% #2E2324	RGB 46 35 36	#2E2324
66.7%	66.7% #382C2D	RGB 56 44 45	#382C2D
83.3%	83.3% #423536	RGB 66 53 54	#423536
100.0%	100.0% #4D3E3F	RGB 77 62 63	#4D3E3F

#10080A #1A1112 #241A1B #2E2324 #382C2D #423536 #4D3E3F

#10080A - #4D3E3F

HSV Blend

#10080A - #4D3E3F | 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 #10080A as 0% and #4D3E3F as 100%.

0.0%	0.0% #10080A	RGB 16 8 10	#10080A
16.7%	16.7% #1A0E10	RGB 26 14 16	#1A0E10
33.3%	33.3% #241518	RGB 36 21 24	#241518
50.0%	50.0% #2E1E20	RGB 46 30 32	#2E1E20
66.7%	66.7% #38272A	RGB 56 39 42	#38272A
83.3%	83.3% #423234	RGB 66 50 52	#423234
100.0%	100.0% #4D3E3F	RGB 77 62 63	#4D3E3F

#10080A #1A0E10 #241518 #2E1E20 #38272A #423234 #4D3E3F

#10080A - #2E1E20 - #4D3E3F

CSS codes

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

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