#1DBD9F - #008B65 | 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 #1DBD9F to #008B65

#1DBD9F #008B65

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

#1DBD9F - #008B65 | 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 #1DBD9F as 0% and #008B65 as 100%.

0.0%	0.0% #1DBD9F	RGB 29 189 159	#1DBD9F
16.7%	16.7% #18B495	RGB 24 180 149	#18B495
33.3%	33.3% #13AC8B	RGB 19 172 139	#13AC8B
50.0%	50.0% #0EA482	RGB 14 164 130	#0EA482
66.7%	66.7% #099B78	RGB 9 155 120	#099B78
83.3%	83.3% #04936E	RGB 4 147 110	#04936E
100.0%	100.0% #008B65	RGB 0 139 101	#008B65

#1DBD9F #18B495 #13AC8B #0EA482 #099B78 #04936E #008B65

#1DBD9F - #008B65

HSV Blend

#1DBD9F - #008B65 | 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 #1DBD9F as 0% and #008B65 as 100%.

0.0%	0.0% #1DBD9F	RGB 29 189 159	#1DBD9F
16.7%	16.7% #17B494	RGB 23 180 148	#17B494
33.3%	33.3% #11AC8A	RGB 17 172 138	#11AC8A
50.0%	50.0% #0CA481	RGB 12 164 129	#0CA481
66.7%	66.7% #079B77	RGB 7 155 119	#079B77
83.3%	83.3% #03936E	RGB 3 147 110	#03936E
100.0%	100.0% #008B65	RGB 0 139 101	#008B65

#1DBD9F #17B494 #11AC8A #0CA481 #079B77 #03936E #008B65

#1DBD9F - #0CA481 - #008B65

CSS codes

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

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