#1F8F8C - #9FDBA1 | 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 #1F8F8C to #9FDBA1

#1F8F8C #9FDBA1

Calculate the color between two colors, #1F8F8C and #9FDBA1. 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)

#1F8F8C - #9FDBA1 | 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 #1F8F8C as 0% and #9FDBA1 as 100%.

0.0%	0.0% #1F8F8C	RGB 31 143 140	#1F8F8C
16.7%	16.7% #349B8F	RGB 52 155 143	#349B8F
33.3%	33.3% #49A893	RGB 73 168 147	#49A893
50.0%	50.0% #5FB596	RGB 95 181 150	#5FB596
66.7%	66.7% #74C19A	RGB 116 193 154	#74C19A
83.3%	83.3% #89CE9D	RGB 137 206 157	#89CE9D
100.0%	100.0% #9FDBA1	RGB 159 219 161	#9FDBA1

#1F8F8C #349B8F #49A893 #5FB596 #74C19A #89CE9D #9FDBA1

#1F8F8C - #9FDBA1

HSV Blend

#1F8F8C - #9FDBA1 | 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 #1F8F8C as 0% and #9FDBA1 as 100%.

0.0%	0.0% #1F8F8B	RGB 31 143 139	#1F8F8B
16.7%	16.7% #2E9B87	RGB 46 155 135	#2E9B87
33.3%	33.3% #41A885	RGB 65 168 133	#41A885
50.0%	50.0% #55B585	RGB 85 181 133	#55B585
66.7%	66.7% #6BC189	RGB 107 193 137	#6BC189
83.3%	83.3% #84CE92	RGB 132 206 146	#84CE92
100.0%	100.0% #9FDBA1	RGB 159 219 161	#9FDBA1

#1F8F8B #2E9B87 #41A885 #55B585 #6BC189 #84CE92 #9FDBA1

#1F8F8C - #55B585 - #9FDBA1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F8F8B 0%, #55B585 50%, #9FDBA1 100%);
    background: -webkit-linear-gradient(top, #1F8F8B 0%, #55B585 50%, #9FDBA1 100%);
    background: linear-gradient(to bottom, #1F8F8B 0%, #55B585 50%, #9FDBA1 100%);
}
</style>