#9FD3BA - #2D3C34 | 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 #9FD3BA to #2D3C34

#9FD3BA #2D3C34

Calculate the color between two colors, #9FD3BA and #2D3C34. 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)

#9FD3BA - #2D3C34 | 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 #9FD3BA as 0% and #2D3C34 as 100%.

0.0%	0.0% #9FD3BA	RGB 159 211 186	#9FD3BA
16.7%	16.7% #8CB9A3	RGB 140 185 163	#8CB9A3
33.3%	33.3% #79A08D	RGB 121 160 141	#79A08D
50.0%	50.0% #668777	RGB 102 135 119	#668777
66.7%	66.7% #536E60	RGB 83 110 96	#536E60
83.3%	83.3% #40554A	RGB 64 85 74	#40554A
100.0%	100.0% #2D3C34	RGB 45 60 52	#2D3C34

#9FD3BA #8CB9A3 #79A08D #668777 #536E60 #40554A #2D3C34

#9FD3BA - #2D3C34

HSV Blend

#9FD3BA - #2D3C34 | 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 #9FD3BA as 0% and #2D3C34 as 100%.

0.0%	0.0% #9FD3BA	RGB 159 211 186	#9FD3BA
16.7%	16.7% #8BB9A3	RGB 139 185 163	#8BB9A3
33.3%	33.3% #78A08C	RGB 120 160 140	#78A08C
50.0%	50.0% #658776	RGB 101 135 118	#658776
66.7%	66.7% #526E60	RGB 82 110 96	#526E60
83.3%	83.3% #3F554A	RGB 63 85 74	#3F554A
100.0%	100.0% #2D3C34	RGB 45 60 52	#2D3C34

#9FD3BA #8BB9A3 #78A08C #658776 #526E60 #3F554A #2D3C34

#9FD3BA - #658776 - #2D3C34

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FD3BA 0%, #658776 50%, #2D3C34 100%);
    background: -webkit-linear-gradient(top, #9FD3BA 0%, #658776 50%, #2D3C34 100%);
    background: linear-gradient(to bottom, #9FD3BA 0%, #658776 50%, #2D3C34 100%);
}
</style>