#9C9BA1 - #B5C0E7 | 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 #9C9BA1 to #B5C0E7

#9C9BA1 #B5C0E7

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

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

0.0%	0.0% #9C9BA1	RGB 156 155 161	#9C9BA1
16.7%	16.7% #A0A1AC	RGB 160 161 172	#A0A1AC
33.3%	33.3% #A4A7B8	RGB 164 167 184	#A4A7B8
50.0%	50.0% #A8ADC4	RGB 168 173 196	#A8ADC4
66.7%	66.7% #ACB3CF	RGB 172 179 207	#ACB3CF
83.3%	83.3% #B0B9DB	RGB 176 185 219	#B0B9DB
100.0%	100.0% #B5C0E7	RGB 181 192 231	#B5C0E7

#9C9BA1 #A0A1AC #A4A7B8 #A8ADC4 #ACB3CF #B0B9DB #B5C0E7

#9C9BA1 - #B5C0E7

HSV Blend

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

0.0%	0.0% #9C9BA1	RGB 156 155 161	#9C9BA1
16.7%	16.7% #A2A1AC	RGB 162 161 172	#A2A1AC
33.3%	33.3% #A7A6B8	RGB 167 166 184	#A7A6B8
50.0%	50.0% #ABABC4	RGB 171 171 196	#ABABC4
66.7%	66.7% #AFB2CF	RGB 175 178 207	#AFB2CF
83.3%	83.3% #B2B8DB	RGB 178 184 219	#B2B8DB
100.0%	100.0% #B5C0E7	RGB 181 192 231	#B5C0E7

#9C9BA1 #A2A1AC #A7A6B8 #ABABC4 #AFB2CF #B2B8DB #B5C0E7

#9C9BA1 - #ABABC4 - #B5C0E7

CSS codes

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

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