#008081 - #B6DADB | 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 #008081 to #B6DADB

#008081 #B6DADB

Calculate the color between two colors, #008081 and #B6DADB. 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)

#008081 - #B6DADB | 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 #008081 as 0% and #B6DADB as 100%.

0.0%	0.0% #008081	RGB 0 128 129	#008081
16.7%	16.7% #1E8F90	RGB 30 143 144	#1E8F90
33.3%	33.3% #3C9E9F	RGB 60 158 159	#3C9E9F
50.0%	50.0% #5BADAE	RGB 91 173 174	#5BADAE
66.7%	66.7% #79BCBD	RGB 121 188 189	#79BCBD
83.3%	83.3% #97CBCC	RGB 151 203 204	#97CBCC
100.0%	100.0% #B6DADB	RGB 182 218 219	#B6DADB

#008081 #1E8F90 #3C9E9F #5BADAE #79BCBD #97CBCC #B6DADB

#008081 - #B6DADB

HSV Blend

#008081 - #B6DADB | 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 #008081 as 0% and #B6DADB as 100%.

0.0%	0.0% #008081	RGB 0 128 129	#008081
16.7%	16.7% #138E90	RGB 19 142 144	#138E90
33.3%	33.3% #2C9D9F	RGB 44 157 159	#2C9D9F
50.0%	50.0% #48ACAE	RGB 72 172 174	#48ACAE
66.7%	66.7% #68BBBD	RGB 104 187 189	#68BBBD
83.3%	83.3% #8DCACC	RGB 141 202 204	#8DCACC
100.0%	100.0% #B6DADB	RGB 182 218 219	#B6DADB

#008081 #138E90 #2C9D9F #48ACAE #68BBBD #8DCACC #B6DADB

#008081 - #48ACAE - #B6DADB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008081 0%, #48ACAE 50%, #B6DADB 100%);
    background: -webkit-linear-gradient(top, #008081 0%, #48ACAE 50%, #B6DADB 100%);
    background: linear-gradient(to bottom, #008081 0%, #48ACAE 50%, #B6DADB 100%);
}
</style>