#086B6B - #B8D4D4 | 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 #086B6B to #B8D4D4

#086B6B #B8D4D4

Calculate the color between two colors, #086B6B and #B8D4D4. 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)

#086B6B - #B8D4D4 | 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 #086B6B as 0% and #B8D4D4 as 100%.

0.0%	0.0% #086B6B	RGB 8 107 107	#086B6B
16.7%	16.7% #257C7C	RGB 37 124 124	#257C7C
33.3%	33.3% #428E8E	RGB 66 142 142	#428E8E
50.0%	50.0% #609F9F	RGB 96 159 159	#609F9F
66.7%	66.7% #7DB1B1	RGB 125 177 177	#7DB1B1
83.3%	83.3% #9AC2C2	RGB 154 194 194	#9AC2C2
100.0%	100.0% #B8D4D4	RGB 184 212 212	#B8D4D4

#086B6B #257C7C #428E8E #609F9F #7DB1B1 #9AC2C2 #B8D4D4

#086B6B - #B8D4D4

HSV Blend

#086B6B - #B8D4D4 | 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 #086B6B as 0% and #B8D4D4 as 100%.

0.0%	0.0% #076B6B	RGB 7 107 107	#076B6B
16.7%	16.7% #197C7C	RGB 25 124 124	#197C7C
33.3%	33.3% #308E8E	RGB 48 142 142	#308E8E
50.0%	50.0% #4B9F9F	RGB 75 159 159	#4B9F9F
66.7%	66.7% #6AB1B1	RGB 106 177 177	#6AB1B1
83.3%	83.3% #8FC2C2	RGB 143 194 194	#8FC2C2
100.0%	100.0% #B8D4D4	RGB 184 212 212	#B8D4D4

#076B6B #197C7C #308E8E #4B9F9F #6AB1B1 #8FC2C2 #B8D4D4

#086B6B - #4B9F9F - #B8D4D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #076B6B 0%, #4B9F9F 50%, #B8D4D4 100%);
    background: -webkit-linear-gradient(top, #076B6B 0%, #4B9F9F 50%, #B8D4D4 100%);
    background: linear-gradient(to bottom, #076B6B 0%, #4B9F9F 50%, #B8D4D4 100%);
}
</style>