#1B5B5A - #003722 | 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 #1B5B5A to #003722

#1B5B5A #003722

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

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

0.0%	0.0% #1B5B5A	RGB 27 91 90	#1B5B5A
16.7%	16.7% #165550	RGB 22 85 80	#165550
33.3%	33.3% #124F47	RGB 18 79 71	#124F47
50.0%	50.0% #0D493E	RGB 13 73 62	#0D493E
66.7%	66.7% #094334	RGB 9 67 52	#094334
83.3%	83.3% #043D2B	RGB 4 61 43	#043D2B
100.0%	100.0% #003722	RGB 0 55 34	#003722

#1B5B5A #165550 #124F47 #0D493E #094334 #043D2B #003722

#1B5B5A - #003722

HSV Blend

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

0.0%	0.0% #1B5B5A	RGB 27 91 90	#1B5B5A
16.7%	16.7% #155550	RGB 21 85 80	#155550
33.3%	33.3% #0F4F46	RGB 15 79 70	#0F4F46
50.0%	50.0% #0A493C	RGB 10 73 60	#0A493C
66.7%	66.7% #064333	RGB 6 67 51	#064333
83.3%	83.3% #033D2A	RGB 3 61 42	#033D2A
100.0%	100.0% #003722	RGB 0 55 34	#003722

#1B5B5A #155550 #0F4F46 #0A493C #064333 #033D2A #003722

#1B5B5A - #0A493C - #003722

CSS codes

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

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