#008496 - #1B3C3E | 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 #008496 to #1B3C3E

#008496 #1B3C3E

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

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

0.0%	0.0% #008496	RGB 0 132 150	#008496
16.7%	16.7% #047887	RGB 4 120 135	#047887
33.3%	33.3% #096C78	RGB 9 108 120	#096C78
50.0%	50.0% #0D606A	RGB 13 96 106	#0D606A
66.7%	66.7% #12545B	RGB 18 84 91	#12545B
83.3%	83.3% #16484C	RGB 22 72 76	#16484C
100.0%	100.0% #1B3C3E	RGB 27 60 62	#1B3C3E

#008496 #047887 #096C78 #0D606A #12545B #16484C #1B3C3E

#008496 - #1B3C3E

HSV Blend

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

0.0%	0.0% #008496	RGB 0 132 150	#008496
16.7%	16.7% #097987	RGB 9 121 135	#097987
33.3%	33.3% #116E78	RGB 17 110 120	#116E78
50.0%	50.0% #17626A	RGB 23 98 106	#17626A
66.7%	66.7% #1A565B	RGB 26 86 91	#1A565B
83.3%	83.3% #1B494C	RGB 27 73 76	#1B494C
100.0%	100.0% #1B3C3E	RGB 27 60 62	#1B3C3E

#008496 #097987 #116E78 #17626A #1A565B #1B494C #1B3C3E

#008496 - #17626A - #1B3C3E

CSS codes

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

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