#99A6A0 - #B5EBC4 | 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 #99A6A0 to #B5EBC4

#99A6A0 #B5EBC4

Calculate the color between two colors, #99A6A0 and #B5EBC4. 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)

#99A6A0 - #B5EBC4 | 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 #99A6A0 as 0% and #B5EBC4 as 100%.

0.0%	0.0% #99A6A0	RGB 153 166 160	#99A6A0
16.7%	16.7% #9DB1A6	RGB 157 177 166	#9DB1A6
33.3%	33.3% #A2BDAC	RGB 162 189 172	#A2BDAC
50.0%	50.0% #A7C8B2	RGB 167 200 178	#A7C8B2
66.7%	66.7% #ABD4B8	RGB 171 212 184	#ABD4B8
83.3%	83.3% #B0DFBE	RGB 176 223 190	#B0DFBE
100.0%	100.0% #B5EBC4	RGB 181 235 196	#B5EBC4

#99A6A0 #9DB1A6 #A2BDAC #A7C8B2 #ABD4B8 #B0DFBE #B5EBC4

#99A6A0 - #B5EBC4

HSV Blend

#99A6A0 - #B5EBC4 | 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 #99A6A0 as 0% and #B5EBC4 as 100%.

0.0%	0.0% #99A6A0	RGB 153 166 160	#99A6A0
16.7%	16.7% #9FB1A8	RGB 159 177 168	#9FB1A8
33.3%	33.3% #A4BDAF	RGB 164 189 175	#A4BDAF
50.0%	50.0% #A9C8B6	RGB 169 200 182	#A9C8B6
66.7%	66.7% #ADD4BB	RGB 173 212 187	#ADD4BB
83.3%	83.3% #B1DFC0	RGB 177 223 192	#B1DFC0
100.0%	100.0% #B5EBC4	RGB 181 235 196	#B5EBC4

#99A6A0 #9FB1A8 #A4BDAF #A9C8B6 #ADD4BB #B1DFC0 #B5EBC4

#99A6A0 - #A9C8B6 - #B5EBC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99A6A0 0%, #A9C8B6 50%, #B5EBC4 100%);
    background: -webkit-linear-gradient(top, #99A6A0 0%, #A9C8B6 50%, #B5EBC4 100%);
    background: linear-gradient(to bottom, #99A6A0 0%, #A9C8B6 50%, #B5EBC4 100%);
}
</style>