#97D9D7 - #2B3E3E | 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 #97D9D7 to #2B3E3E

#97D9D7 #2B3E3E

Calculate the color between two colors, #97D9D7 and #2B3E3E. 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)

#97D9D7 - #2B3E3E | 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 #97D9D7 as 0% and #2B3E3E as 100%.

0.0%	0.0% #97D9D7	RGB 151 217 215	#97D9D7
16.7%	16.7% #85BFBD	RGB 133 191 189	#85BFBD
33.3%	33.3% #73A5A4	RGB 115 165 164	#73A5A4
50.0%	50.0% #618B8A	RGB 97 139 138	#618B8A
66.7%	66.7% #4F7171	RGB 79 113 113	#4F7171
83.3%	83.3% #3D5757	RGB 61 87 87	#3D5757
100.0%	100.0% #2B3E3E	RGB 43 62 62	#2B3E3E

#97D9D7 #85BFBD #73A5A4 #618B8A #4F7171 #3D5757 #2B3E3E

#97D9D7 - #2B3E3E

HSV Blend

#97D9D7 - #2B3E3E | 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 #97D9D7 as 0% and #2B3E3E as 100%.

0.0%	0.0% #97D9D7	RGB 151 217 215	#97D9D7
16.7%	16.7% #84BFBD	RGB 132 191 189	#84BFBD
33.3%	33.3% #72A5A4	RGB 114 165 164	#72A5A4
50.0%	50.0% #608B8A	RGB 96 139 138	#608B8A
66.7%	66.7% #4E7171	RGB 78 113 113	#4E7171
83.3%	83.3% #3C5757	RGB 60 87 87	#3C5757
100.0%	100.0% #2B3E3E	RGB 43 62 62	#2B3E3E

#97D9D7 #84BFBD #72A5A4 #608B8A #4E7171 #3C5757 #2B3E3E

#97D9D7 - #608B8A - #2B3E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97D9D7 0%, #608B8A 50%, #2B3E3E 100%);
    background: -webkit-linear-gradient(top, #97D9D7 0%, #608B8A 50%, #2B3E3E 100%);
    background: linear-gradient(to bottom, #97D9D7 0%, #608B8A 50%, #2B3E3E 100%);
}
</style>