#9CA9AB - #B7ECE4 | 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 #9CA9AB to #B7ECE4

#9CA9AB #B7ECE4

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

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

0.0%	0.0% #9CA9AB	RGB 156 169 171	#9CA9AB
16.7%	16.7% #A0B4B4	RGB 160 180 180	#A0B4B4
33.3%	33.3% #A5BFBE	RGB 165 191 190	#A5BFBE
50.0%	50.0% #A9CAC7	RGB 169 202 199	#A9CAC7
66.7%	66.7% #AED5D1	RGB 174 213 209	#AED5D1
83.3%	83.3% #B2E0DA	RGB 178 224 218	#B2E0DA
100.0%	100.0% #B7ECE4	RGB 183 236 228	#B7ECE4

#9CA9AB #A0B4B4 #A5BFBE #A9CAC7 #AED5D1 #B2E0DA #B7ECE4

#9CA9AB - #B7ECE4

HSV Blend

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

0.0%	0.0% #9CA9AB	RGB 156 169 171	#9CA9AB
16.7%	16.7% #A1B4B5	RGB 161 180 181	#A1B4B5
33.3%	33.3% #A6BFC0	RGB 166 191 192	#A6BFC0
50.0%	50.0% #ABCBCB	RGB 171 203 203	#ABCBCB
66.7%	66.7% #AFD6D4	RGB 175 214 212	#AFD6D4
83.3%	83.3% #B3E1DC	RGB 179 225 220	#B3E1DC
100.0%	100.0% #B7ECE4	RGB 183 236 228	#B7ECE4

#9CA9AB #A1B4B5 #A6BFC0 #ABCBCB #AFD6D4 #B3E1DC #B7ECE4

#9CA9AB - #ABCBCB - #B7ECE4

CSS codes

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

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