#008B8D - #B0E9C2 | 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 #008B8D to #B0E9C2

#008B8D #B0E9C2

Calculate the color between two colors, #008B8D and #B0E9C2. 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)

#008B8D - #B0E9C2 | 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 #008B8D as 0% and #B0E9C2 as 100%.

0.0%	0.0% #008B8D	RGB 0 139 141	#008B8D
16.7%	16.7% #1D9A95	RGB 29 154 149	#1D9A95
33.3%	33.3% #3AAA9E	RGB 58 170 158	#3AAA9E
50.0%	50.0% #58BAA7	RGB 88 186 167	#58BAA7
66.7%	66.7% #75C9B0	RGB 117 201 176	#75C9B0
83.3%	83.3% #92D9B9	RGB 146 217 185	#92D9B9
100.0%	100.0% #B0E9C2	RGB 176 233 194	#B0E9C2

#008B8D #1D9A95 #3AAA9E #58BAA7 #75C9B0 #92D9B9 #B0E9C2

#008B8D - #B0E9C2

HSV Blend

#008B8D - #B0E9C2 | 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 #008B8D as 0% and #B0E9C2 as 100%.

0.0%	0.0% #008B8D	RGB 0 139 141	#008B8D
16.7%	16.7% #139C8E	RGB 19 156 142	#139C8E
33.3%	33.3% #2BAB8F	RGB 43 171 143	#2BAB8F
50.0%	50.0% #46BB94	RGB 70 187 148	#46BB94
66.7%	66.7% #65CA9C	RGB 101 202 156	#65CA9C
83.3%	83.3% #89D9AB	RGB 137 217 171	#89D9AB
100.0%	100.0% #B0E9C2	RGB 176 233 194	#B0E9C2

#008B8D #139C8E #2BAB8F #46BB94 #65CA9C #89D9AB #B0E9C2

#008B8D - #46BB94 - #B0E9C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008B8D 0%, #46BB94 50%, #B0E9C2 100%);
    background: -webkit-linear-gradient(top, #008B8D 0%, #46BB94 50%, #B0E9C2 100%);
    background: linear-gradient(to bottom, #008B8D 0%, #46BB94 50%, #B0E9C2 100%);
}
</style>