#00979F - #174C4C | 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 #00979F to #174C4C

#00979F #174C4C

Calculate the color between two colors, #00979F and #174C4C. 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)

#00979F - #174C4C | 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 #00979F as 0% and #174C4C as 100%.

0.0%	0.0% #00979F	RGB 0 151 159	#00979F
16.7%	16.7% #038A91	RGB 3 138 145	#038A91
33.3%	33.3% #077E83	RGB 7 126 131	#077E83
50.0%	50.0% #0B7175	RGB 11 113 117	#0B7175
66.7%	66.7% #0F6567	RGB 15 101 103	#0F6567
83.3%	83.3% #135859	RGB 19 88 89	#135859
100.0%	100.0% #174C4C	RGB 23 76 76	#174C4C

#00979F #038A91 #077E83 #0B7175 #0F6567 #135859 #174C4C

#00979F - #174C4C

HSV Blend

#00979F - #174C4C | 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 #00979F as 0% and #174C4C as 100%.

0.0%	0.0% #00979F	RGB 0 151 159	#00979F
16.7%	16.7% #078B91	RGB 7 139 145	#078B91
33.3%	33.3% #0D7F83	RGB 13 127 131	#0D7F83
50.0%	50.0% #117275	RGB 17 114 117	#117275
66.7%	66.7% #146667	RGB 20 102 103	#146667
83.3%	83.3% #165959	RGB 22 89 89	#165959
100.0%	100.0% #174C4C	RGB 23 76 76	#174C4C

#00979F #078B91 #0D7F83 #117275 #146667 #165959 #174C4C

#00979F - #117275 - #174C4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00979F 0%, #117275 50%, #174C4C 100%);
    background: -webkit-linear-gradient(top, #00979F 0%, #117275 50%, #174C4C 100%);
    background: linear-gradient(to bottom, #00979F 0%, #117275 50%, #174C4C 100%);
}
</style>