#6FDEC2 - #0DB493 | 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 #6FDEC2 to #0DB493

#6FDEC2 #0DB493

Calculate the color between two colors, #6FDEC2 and #0DB493. 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)

#6FDEC2 - #0DB493 | 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 #6FDEC2 as 0% and #0DB493 as 100%.

0.0%	0.0% #6FDEC2	RGB 111 222 194	#6FDEC2
16.7%	16.7% #5ED7BA	RGB 94 215 186	#5ED7BA
33.3%	33.3% #4ED0B2	RGB 78 208 178	#4ED0B2
50.0%	50.0% #3EC9AA	RGB 62 201 170	#3EC9AA
66.7%	66.7% #2DC2A2	RGB 45 194 162	#2DC2A2
83.3%	83.3% #1DBB9A	RGB 29 187 154	#1DBB9A
100.0%	100.0% #0DB493	RGB 13 180 147	#0DB493

#6FDEC2 #5ED7BA #4ED0B2 #3EC9AA #2DC2A2 #1DBB9A #0DB493

#6FDEC2 - #0DB493

HSV Blend

#6FDEC2 - #0DB493 | 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 #6FDEC2 as 0% and #0DB493 as 100%.

0.0%	0.0% #6FDEC2	RGB 111 222 194	#6FDEC2
16.7%	16.7% #5CD7B9	RGB 92 215 185	#5CD7B9
33.3%	33.3% #4AD0B0	RGB 74 208 176	#4AD0B0
50.0%	50.0% #39C9A8	RGB 57 201 168	#39C9A8
66.7%	66.7% #29C2A1	RGB 41 194 161	#29C2A1
83.3%	83.3% #1ABB99	RGB 26 187 153	#1ABB99
100.0%	100.0% #0DB493	RGB 13 180 147	#0DB493

#6FDEC2 #5CD7B9 #4AD0B0 #39C9A8 #29C2A1 #1ABB99 #0DB493

#6FDEC2 - #39C9A8 - #0DB493

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6FDEC2 0%, #39C9A8 50%, #0DB493 100%);
    background: -webkit-linear-gradient(top, #6FDEC2 0%, #39C9A8 50%, #0DB493 100%);
    background: linear-gradient(to bottom, #6FDEC2 0%, #39C9A8 50%, #0DB493 100%);
}
</style>