#3A3043 - #100D13 | 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 #3A3043 to #100D13

#3A3043 #100D13

Calculate the color between two colors, #3A3043 and #100D13. 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)

#3A3043 - #100D13 | 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 #3A3043 as 0% and #100D13 as 100%.

0.0%	0.0% #3A3043	RGB 58 48 67	#3A3043
16.7%	16.7% #332A3B	RGB 51 42 59	#332A3B
33.3%	33.3% #2C2433	RGB 44 36 51	#2C2433
50.0%	50.0% #251E2B	RGB 37 30 43	#251E2B
66.7%	66.7% #1E1823	RGB 30 24 35	#1E1823
83.3%	83.3% #17121B	RGB 23 18 27	#17121B
100.0%	100.0% #100D13	RGB 16 13 19	#100D13

#3A3043 #332A3B #2C2433 #251E2B #1E1823 #17121B #100D13

#3A3043 - #100D13

HSV Blend

#3A3043 - #100D13 | 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 #3A3043 as 0% and #100D13 as 100%.

0.0%	0.0% #3A3043	RGB 58 48 67	#3A3043
16.7%	16.7% #32293B	RGB 50 41 59	#32293B
33.3%	33.3% #2B2333	RGB 43 35 51	#2B2333
50.0%	50.0% #241E2B	RGB 36 30 43	#241E2B
66.7%	66.7% #1D1823	RGB 29 24 35	#1D1823
83.3%	83.3% #16121B	RGB 22 18 27	#16121B
100.0%	100.0% #100D13	RGB 16 13 19	#100D13

#3A3043 #32293B #2B2333 #241E2B #1D1823 #16121B #100D13

#3A3043 - #241E2B - #100D13

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3043 0%, #241E2B 50%, #100D13 100%);
    background: -webkit-linear-gradient(top, #3A3043 0%, #241E2B 50%, #100D13 100%);
    background: linear-gradient(to bottom, #3A3043 0%, #241E2B 50%, #100D13 100%);
}
</style>