#1D8C8C - #9AD9A1 | 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 #1D8C8C to #9AD9A1

#1D8C8C #9AD9A1

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

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

0.0%	0.0% #1D8C8C	RGB 29 140 140	#1D8C8C
16.7%	16.7% #31988F	RGB 49 152 143	#31988F
33.3%	33.3% #46A593	RGB 70 165 147	#46A593
50.0%	50.0% #5BB296	RGB 91 178 150	#5BB296
66.7%	66.7% #70BF9A	RGB 112 191 154	#70BF9A
83.3%	83.3% #85CC9D	RGB 133 204 157	#85CC9D
100.0%	100.0% #9AD9A1	RGB 154 217 161	#9AD9A1

#1D8C8C #31988F #46A593 #5BB296 #70BF9A #85CC9D #9AD9A1

#1D8C8C - #9AD9A1

HSV Blend

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

0.0%	0.0% #1D8C8C	RGB 29 140 140	#1D8C8C
16.7%	16.7% #2C9888	RGB 44 152 136	#2C9888
33.3%	33.3% #3EA586	RGB 62 165 134	#3EA586
50.0%	50.0% #51B287	RGB 81 178 135	#51B287
66.7%	66.7% #67BF8B	RGB 103 191 139	#67BF8B
83.3%	83.3% #7FCC93	RGB 127 204 147	#7FCC93
100.0%	100.0% #9AD9A1	RGB 154 217 161	#9AD9A1

#1D8C8C #2C9888 #3EA586 #51B287 #67BF8B #7FCC93 #9AD9A1

#1D8C8C - #51B287 - #9AD9A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D8C8C 0%, #51B287 50%, #9AD9A1 100%);
    background: -webkit-linear-gradient(top, #1D8C8C 0%, #51B287 50%, #9AD9A1 100%);
    background: linear-gradient(to bottom, #1D8C8C 0%, #51B287 50%, #9AD9A1 100%);
}
</style>