#393E3C - #00221C | 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 #393E3C to #00221C

#393E3C #00221C

Calculate the color between two colors, #393E3C and #00221C. 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)

#393E3C - #00221C | 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 #393E3C as 0% and #00221C as 100%.

0.0%	0.0% #393E3C	RGB 57 62 60	#393E3C
16.7%	16.7% #2F3936	RGB 47 57 54	#2F3936
33.3%	33.3% #263431	RGB 38 52 49	#263431
50.0%	50.0% #1C302C	RGB 28 48 44	#1C302C
66.7%	66.7% #132B26	RGB 19 43 38	#132B26
83.3%	83.3% #092621	RGB 9 38 33	#092621
100.0%	100.0% #00221C	RGB 0 34 28	#00221C

#393E3C #2F3936 #263431 #1C302C #132B26 #092621 #00221C

#393E3C - #00221C

HSV Blend

#393E3C - #00221C | 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 #393E3C as 0% and #00221C as 100%.

0.0%	0.0% #393E3C	RGB 57 62 60	#393E3C
16.7%	16.7% #2B3934	RGB 43 57 52	#2B3934
33.3%	33.3% #20342E	RGB 32 52 46	#20342E
50.0%	50.0% #163028	RGB 22 48 40	#163028
66.7%	66.7% #0D2B23	RGB 13 43 35	#0D2B23
83.3%	83.3% #05261F	RGB 5 38 31	#05261F
100.0%	100.0% #00221C	RGB 0 34 28	#00221C

#393E3C #2B3934 #20342E #163028 #0D2B23 #05261F #00221C

#393E3C - #163028 - #00221C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393E3C 0%, #163028 50%, #00221C 100%);
    background: -webkit-linear-gradient(top, #393E3C 0%, #163028 50%, #00221C 100%);
    background: linear-gradient(to bottom, #393E3C 0%, #163028 50%, #00221C 100%);
}
</style>