#3A3046 - #100D14 | 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 #3A3046 to #100D14

#3A3046 #100D14

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

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

0.0%	0.0% #3A3046	RGB 58 48 70	#3A3046
16.7%	16.7% #332A3D	RGB 51 42 61	#332A3D
33.3%	33.3% #2C2435	RGB 44 36 53	#2C2435
50.0%	50.0% #251E2D	RGB 37 30 45	#251E2D
66.7%	66.7% #1E1824	RGB 30 24 36	#1E1824
83.3%	83.3% #17121C	RGB 23 18 28	#17121C
100.0%	100.0% #100D14	RGB 16 13 20	#100D14

#3A3046 #332A3D #2C2435 #251E2D #1E1824 #17121C #100D14

#3A3046 - #100D14

HSV Blend

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

0.0%	0.0% #3A3046	RGB 58 48 70	#3A3046
16.7%	16.7% #32293D	RGB 50 41 61	#32293D
33.3%	33.3% #2B2335	RGB 43 35 53	#2B2335
50.0%	50.0% #241E2D	RGB 36 30 45	#241E2D
66.7%	66.7% #1D1824	RGB 29 24 36	#1D1824
83.3%	83.3% #16121C	RGB 22 18 28	#16121C
100.0%	100.0% #100D14	RGB 16 13 20	#100D14

#3A3046 #32293D #2B2335 #241E2D #1D1824 #16121C #100D14

#3A3046 - #241E2D - #100D14

CSS codes

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

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