#1B9F9F - #072D2D | 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 #1B9F9F to #072D2D

#1B9F9F #072D2D

Calculate the color between two colors, #1B9F9F and #072D2D. 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)

#1B9F9F - #072D2D | 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 #1B9F9F as 0% and #072D2D as 100%.

0.0%	0.0% #1B9F9F	RGB 27 159 159	#1B9F9F
16.7%	16.7% #178C8C	RGB 23 140 140	#178C8C
33.3%	33.3% #147979	RGB 20 121 121	#147979
50.0%	50.0% #116666	RGB 17 102 102	#116666
66.7%	66.7% #0D5353	RGB 13 83 83	#0D5353
83.3%	83.3% #0A4040	RGB 10 64 64	#0A4040
100.0%	100.0% #072D2D	RGB 7 45 45	#072D2D

#1B9F9F #178C8C #147979 #116666 #0D5353 #0A4040 #072D2D

#1B9F9F - #072D2D

HSV Blend

#1B9F9F - #072D2D | 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 #1B9F9F as 0% and #072D2D as 100%.

0.0%	0.0% #1A9F9F	RGB 26 159 159	#1A9F9F
16.7%	16.7% #178C8C	RGB 23 140 140	#178C8C
33.3%	33.3% #137979	RGB 19 121 121	#137979
50.0%	50.0% #106666	RGB 16 102 102	#106666
66.7%	66.7% #0D5353	RGB 13 83 83	#0D5353
83.3%	83.3% #0A4040	RGB 10 64 64	#0A4040
100.0%	100.0% #072D2D	RGB 7 45 45	#072D2D

#1A9F9F #178C8C #137979 #106666 #0D5353 #0A4040 #072D2D

#1B9F9F - #106666 - #072D2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A9F9F 0%, #106666 50%, #072D2D 100%);
    background: -webkit-linear-gradient(top, #1A9F9F 0%, #106666 50%, #072D2D 100%);
    background: linear-gradient(to bottom, #1A9F9F 0%, #106666 50%, #072D2D 100%);
}
</style>