#1B3C33 - #002019 | 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 #1B3C33 to #002019

#1B3C33 #002019

Calculate the color between two colors, #1B3C33 and #002019. 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)

#1B3C33 - #002019 | 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 #1B3C33 as 0% and #002019 as 100%.

0.0%	0.0% #1B3C33	RGB 27 60 51	#1B3C33
16.7%	16.7% #16372E	RGB 22 55 46	#16372E
33.3%	33.3% #12322A	RGB 18 50 42	#12322A
50.0%	50.0% #0D2E26	RGB 13 46 38	#0D2E26
66.7%	66.7% #092921	RGB 9 41 33	#092921
83.3%	83.3% #04241D	RGB 4 36 29	#04241D
100.0%	100.0% #002019	RGB 0 32 25	#002019

#1B3C33 #16372E #12322A #0D2E26 #092921 #04241D #002019

#1B3C33 - #002019

HSV Blend

#1B3C33 - #002019 | 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 #1B3C33 as 0% and #002019 as 100%.

0.0%	0.0% #1B3C33	RGB 27 60 51	#1B3C33
16.7%	16.7% #14372E	RGB 20 55 46	#14372E
33.3%	33.3% #0F3229	RGB 15 50 41	#0F3229
50.0%	50.0% #0A2E25	RGB 10 46 37	#0A2E25
66.7%	66.7% #062921	RGB 6 41 33	#062921
83.3%	83.3% #02241C	RGB 2 36 28	#02241C
100.0%	100.0% #002019	RGB 0 32 25	#002019

#1B3C33 #14372E #0F3229 #0A2E25 #062921 #02241C #002019

#1B3C33 - #0A2E25 - #002019

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B3C33 0%, #0A2E25 50%, #002019 100%);
    background: -webkit-linear-gradient(top, #1B3C33 0%, #0A2E25 50%, #002019 100%);
    background: linear-gradient(to bottom, #1B3C33 0%, #0A2E25 50%, #002019 100%);
}
</style>