#9FAAB0 - #B7ECE5 | 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 #9FAAB0 to #B7ECE5

#9FAAB0 #B7ECE5

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

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

0.0%	0.0% #9FAAB0	RGB 159 170 176	#9FAAB0
16.7%	16.7% #A3B5B8	RGB 163 181 184	#A3B5B8
33.3%	33.3% #A7C0C1	RGB 167 192 193	#A7C0C1
50.0%	50.0% #ABCBCA	RGB 171 203 202	#ABCBCA
66.7%	66.7% #AFD6D3	RGB 175 214 211	#AFD6D3
83.3%	83.3% #B3E1DC	RGB 179 225 220	#B3E1DC
100.0%	100.0% #B7ECE5	RGB 183 236 229	#B7ECE5

#9FAAB0 #A3B5B8 #A7C0C1 #ABCBCA #AFD6D3 #B3E1DC #B7ECE5

#9FAAB0 - #B7ECE5

HSV Blend

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

0.0%	0.0% #9FAAB0	RGB 159 170 176	#9FAAB0
16.7%	16.7% #A4B4BA	RGB 164 180 186	#A4B4BA
33.3%	33.3% #A8BEC4	RGB 168 190 196	#A8BEC4
50.0%	50.0% #ACCACE	RGB 172 202 206	#ACCACE
66.7%	66.7% #B0D6D8	RGB 176 214 216	#B0D6D8
83.3%	83.3% #B4E2DF	RGB 180 226 223	#B4E2DF
100.0%	100.0% #B7ECE5	RGB 183 236 229	#B7ECE5

#9FAAB0 #A4B4BA #A8BEC4 #ACCACE #B0D6D8 #B4E2DF #B7ECE5

#9FAAB0 - #ACCACE - #B7ECE5

CSS codes

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

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