#086E5E - #B8D5D1 | 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 #086E5E to #B8D5D1

#086E5E #B8D5D1

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

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

0.0%	0.0% #086E5E	RGB 8 110 94	#086E5E
16.7%	16.7% #257F71	RGB 37 127 113	#257F71
33.3%	33.3% #429084	RGB 66 144 132	#429084
50.0%	50.0% #60A197	RGB 96 161 151	#60A197
66.7%	66.7% #7DB2AA	RGB 125 178 170	#7DB2AA
83.3%	83.3% #9AC3BD	RGB 154 195 189	#9AC3BD
100.0%	100.0% #B8D5D1	RGB 184 213 209	#B8D5D1

#086E5E #257F71 #429084 #60A197 #7DB2AA #9AC3BD #B8D5D1

#086E5E - #B8D5D1

HSV Blend

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

0.0%	0.0% #076E5E	RGB 7 110 94	#076E5E
16.7%	16.7% #1A7F6F	RGB 26 127 111	#1A7F6F
33.3%	33.3% #309081	RGB 48 144 129	#309081
50.0%	50.0% #4BA194	RGB 75 161 148	#4BA194
66.7%	66.7% #6BB2A8	RGB 107 178 168	#6BB2A8
83.3%	83.3% #8FC3BC	RGB 143 195 188	#8FC3BC
100.0%	100.0% #B8D5D1	RGB 184 213 209	#B8D5D1

#076E5E #1A7F6F #309081 #4BA194 #6BB2A8 #8FC3BC #B8D5D1

#086E5E - #4BA194 - #B8D5D1

CSS codes

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

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