#1BA1A1 - #00715E | 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 #1BA1A1 to #00715E

#1BA1A1 #00715E

Calculate the color between two colors, #1BA1A1 and #00715E. 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)

#1BA1A1 - #00715E | 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 #1BA1A1 as 0% and #00715E as 100%.

0.0%	0.0% #1BA1A1	RGB 27 161 161	#1BA1A1
16.7%	16.7% #169995	RGB 22 153 149	#169995
33.3%	33.3% #12918A	RGB 18 145 138	#12918A
50.0%	50.0% #0D897F	RGB 13 137 127	#0D897F
66.7%	66.7% #098174	RGB 9 129 116	#098174
83.3%	83.3% #047969	RGB 4 121 105	#047969
100.0%	100.0% #00715E	RGB 0 113 94	#00715E

#1BA1A1 #169995 #12918A #0D897F #098174 #047969 #00715E

#1BA1A1 - #00715E

HSV Blend

#1BA1A1 - #00715E | 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 #1BA1A1 as 0% and #00715E as 100%.

0.0%	0.0% #1BA1A1	RGB 27 161 161	#1BA1A1
16.7%	16.7% #159995	RGB 21 153 149	#159995
33.3%	33.3% #109189	RGB 16 145 137	#109189
50.0%	50.0% #0B897E	RGB 11 137 126	#0B897E
66.7%	66.7% #078173	RGB 7 129 115	#078173
83.3%	83.3% #037968	RGB 3 121 104	#037968
100.0%	100.0% #00715E	RGB 0 113 94	#00715E

#1BA1A1 #159995 #109189 #0B897E #078173 #037968 #00715E

#1BA1A1 - #0B897E - #00715E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1BA1A1 0%, #0B897E 50%, #00715E 100%);
    background: -webkit-linear-gradient(top, #1BA1A1 0%, #0B897E 50%, #00715E 100%);
    background: linear-gradient(to bottom, #1BA1A1 0%, #0B897E 50%, #00715E 100%);
}
</style>