#008091 - #9CDEC7 | 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 #008091 to #9CDEC7

#008091 #9CDEC7

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

#008091 - #9CDEC7 | 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 #008091 as 0% and #9CDEC7 as 100%.

0.0%	0.0% #008091	RGB 0 128 145	#008091
16.7%	16.7% #1A8F9A	RGB 26 143 154	#1A8F9A
33.3%	33.3% #349FA3	RGB 52 159 163	#349FA3
50.0%	50.0% #4EAFAC	RGB 78 175 172	#4EAFAC
66.7%	66.7% #68BEB5	RGB 104 190 181	#68BEB5
83.3%	83.3% #82CEBE	RGB 130 206 190	#82CEBE
100.0%	100.0% #9CDEC7	RGB 156 222 199	#9CDEC7

#008091 #1A8F9A #349FA3 #4EAFAC #68BEB5 #82CEBE #9CDEC7

#008091 - #9CDEC7

HSV Blend

#008091 - #9CDEC7 | 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 #008091 as 0% and #9CDEC7 as 100%.

0.0%	0.0% #007F91	RGB 0 127 145	#007F91
16.7%	16.7% #12989D	RGB 18 152 157	#12989D
33.3%	33.3% #27AAA5	RGB 39 170 165	#27AAA5
50.0%	50.0% #40B7A9	RGB 64 183 169	#40B7A9
66.7%	66.7% #5BC4B0	RGB 91 196 176	#5BC4B0
83.3%	83.3% #7AD1B9	RGB 122 209 185	#7AD1B9
100.0%	100.0% #9CDEC7	RGB 156 222 199	#9CDEC7

#007F91 #12989D #27AAA5 #40B7A9 #5BC4B0 #7AD1B9 #9CDEC7

#008091 - #40B7A9 - #9CDEC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007F91 0%, #40B7A9 50%, #9CDEC7 100%);
    background: -webkit-linear-gradient(top, #007F91 0%, #40B7A9 50%, #9CDEC7 100%);
    background: linear-gradient(to bottom, #007F91 0%, #40B7A9 50%, #9CDEC7 100%);
}
</style>