#9EAFA2 - #B2FFB8 | 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 #9EAFA2 to #B2FFB8

#9EAFA2 #B2FFB8

Calculate the color between two colors, #9EAFA2 and #B2FFB8. 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)

#9EAFA2 - #B2FFB8 | 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 #9EAFA2 as 0% and #B2FFB8 as 100%.

0.0%	0.0% #9EAFA2	RGB 158 175 162	#9EAFA2
16.7%	16.7% #A1BCA5	RGB 161 188 165	#A1BCA5
33.3%	33.3% #A4C9A9	RGB 164 201 169	#A4C9A9
50.0%	50.0% #A8D7AD	RGB 168 215 173	#A8D7AD
66.7%	66.7% #ABE4B0	RGB 171 228 176	#ABE4B0
83.3%	83.3% #AEF1B4	RGB 174 241 180	#AEF1B4
100.0%	100.0% #B2FFB8	RGB 178 255 184	#B2FFB8

#9EAFA2 #A1BCA5 #A4C9A9 #A8D7AD #ABE4B0 #AEF1B4 #B2FFB8

#9EAFA2 - #B2FFB8

HSV Blend

#9EAFA2 - #B2FFB8 | 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 #9EAFA2 as 0% and #B2FFB8 as 100%.

0.0%	0.0% #9EAFA2	RGB 158 175 162	#9EAFA2
16.7%	16.7% #A3BCA8	RGB 163 188 168	#A3BCA8
33.3%	33.3% #A8C9AE	RGB 168 201 174	#A8C9AE
50.0%	50.0% #ACD7B2	RGB 172 215 178	#ACD7B2
66.7%	66.7% #AEE4B5	RGB 174 228 181	#AEE4B5
83.3%	83.3% #B0F1B7	RGB 176 241 183	#B0F1B7
100.0%	100.0% #B2FFB8	RGB 178 255 184	#B2FFB8

#9EAFA2 #A3BCA8 #A8C9AE #ACD7B2 #AEE4B5 #B0F1B7 #B2FFB8

#9EAFA2 - #ACD7B2 - #B2FFB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EAFA2 0%, #ACD7B2 50%, #B2FFB8 100%);
    background: -webkit-linear-gradient(top, #9EAFA2 0%, #ACD7B2 50%, #B2FFB8 100%);
    background: linear-gradient(to bottom, #9EAFA2 0%, #ACD7B2 50%, #B2FFB8 100%);
}
</style>