#1B766B - #02482E | 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 #1B766B to #02482E

#1B766B #02482E

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

#1B766B - #02482E | 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 #1B766B as 0% and #02482E as 100%.

0.0%	0.0% #1B766B	RGB 27 118 107	#1B766B
16.7%	16.7% #166E60	RGB 22 110 96	#166E60
33.3%	33.3% #126656	RGB 18 102 86	#126656
50.0%	50.0% #0E5F4C	RGB 14 95 76	#0E5F4C
66.7%	66.7% #0A5742	RGB 10 87 66	#0A5742
83.3%	83.3% #064F38	RGB 6 79 56	#064F38
100.0%	100.0% #02482E	RGB 2 72 46	#02482E

#1B766B #166E60 #126656 #0E5F4C #0A5742 #064F38 #02482E

#1B766B - #02482E

HSV Blend

#1B766B - #02482E | 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 #1B766B as 0% and #02482E as 100%.

0.0%	0.0% #1B766B	RGB 27 118 107	#1B766B
16.7%	16.7% #156E5F	RGB 21 110 95	#156E5F
33.3%	33.3% #106655	RGB 16 102 85	#106655
50.0%	50.0% #0C5F4A	RGB 12 95 74	#0C5F4A
66.7%	66.7% #085740	RGB 8 87 64	#085740
83.3%	83.3% #044F37	RGB 4 79 55	#044F37
100.0%	100.0% #02482E	RGB 2 72 46	#02482E

#1B766B #156E5F #106655 #0C5F4A #085740 #044F37 #02482E

#1B766B - #0C5F4A - #02482E

CSS codes

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

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