#007880 - #8FDFA4 | 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 #007880 to #8FDFA4

#007880 #8FDFA4

Calculate the color between two colors, #007880 and #8FDFA4. 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)

#007880 - #8FDFA4 | 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 #007880 as 0% and #8FDFA4 as 100%.

0.0%	0.0% #007880	RGB 0 120 128	#007880
16.7%	16.7% #178986	RGB 23 137 134	#178986
33.3%	33.3% #2F9A8C	RGB 47 154 140	#2F9A8C
50.0%	50.0% #47AB92	RGB 71 171 146	#47AB92
66.7%	66.7% #5FBC98	RGB 95 188 152	#5FBC98
83.3%	83.3% #77CD9E	RGB 119 205 158	#77CD9E
100.0%	100.0% #8FDFA4	RGB 143 223 164	#8FDFA4

#007880 #178986 #2F9A8C #47AB92 #5FBC98 #77CD9E #8FDFA4

#007880 - #8FDFA4

HSV Blend

#007880 - #8FDFA4 | 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 #007880 as 0% and #8FDFA4 as 100%.

0.0%	0.0% #007780	RGB 0 119 128	#007780
16.7%	16.7% #0F8F86	RGB 15 143 134	#0F8F86
33.3%	33.3% #229F86	RGB 34 159 134	#229F86
50.0%	50.0% #38AF87	RGB 56 175 135	#38AF87
66.7%	66.7% #51BF8B	RGB 81 191 139	#51BF8B
83.3%	83.3% #6ECF94	RGB 110 207 148	#6ECF94
100.0%	100.0% #8FDFA4	RGB 143 223 164	#8FDFA4

#007780 #0F8F86 #229F86 #38AF87 #51BF8B #6ECF94 #8FDFA4

#007880 - #38AF87 - #8FDFA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007780 0%, #38AF87 50%, #8FDFA4 100%);
    background: -webkit-linear-gradient(top, #007780 0%, #38AF87 50%, #8FDFA4 100%);
    background: linear-gradient(to bottom, #007780 0%, #38AF87 50%, #8FDFA4 100%);
}
</style>