#1F8D7E - #005B3E | 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 #1F8D7E to #005B3E

#1F8D7E #005B3E

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

#1F8D7E - #005B3E | 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 #1F8D7E as 0% and #005B3E as 100%.

0.0%	0.0% #1F8D7E	RGB 31 141 126	#1F8D7E
16.7%	16.7% #198473	RGB 25 132 115	#198473
33.3%	33.3% #147C68	RGB 20 124 104	#147C68
50.0%	50.0% #0F745E	RGB 15 116 94	#0F745E
66.7%	66.7% #0A6B53	RGB 10 107 83	#0A6B53
83.3%	83.3% #056348	RGB 5 99 72	#056348
100.0%	100.0% #005B3E	RGB 0 91 62	#005B3E

#1F8D7E #198473 #147C68 #0F745E #0A6B53 #056348 #005B3E

#1F8D7E - #005B3E

HSV Blend

#1F8D7E - #005B3E | 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 #1F8D7E as 0% and #005B3E as 100%.

0.0%	0.0% #1F8D7E	RGB 31 141 126	#1F8D7E
16.7%	16.7% #188472	RGB 24 132 114	#188472
33.3%	33.3% #127C67	RGB 18 124 103	#127C67
50.0%	50.0% #0C745C	RGB 12 116 92	#0C745C
66.7%	66.7% #076B51	RGB 7 107 81	#076B51
83.3%	83.3% #036347	RGB 3 99 71	#036347
100.0%	100.0% #005B3E	RGB 0 91 62	#005B3E

#1F8D7E #188472 #127C67 #0C745C #076B51 #036347 #005B3E

#1F8D7E - #0C745C - #005B3E

CSS codes

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

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