#9C9C8C - #ABBDD4 | 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 #9C9C8C to #ABBDD4

#9C9C8C #ABBDD4

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

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

0.0%	0.0% #9C9C8C	RGB 156 156 140	#9C9C8C
16.7%	16.7% #9EA198	RGB 158 161 152	#9EA198
33.3%	33.3% #A1A7A4	RGB 161 167 164	#A1A7A4
50.0%	50.0% #A3ACB0	RGB 163 172 176	#A3ACB0
66.7%	66.7% #A6B2BC	RGB 166 178 188	#A6B2BC
83.3%	83.3% #A8B7C8	RGB 168 183 200	#A8B7C8
100.0%	100.0% #ABBDD4	RGB 171 189 212	#ABBDD4

#9C9C8C #9EA198 #A1A7A4 #A3ACB0 #A6B2BC #A8B7C8 #ABBDD4

#9C9C8C - #ABBDD4

HSV Blend

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

0.0%	0.0% #9C9C8C	RGB 156 156 140	#9C9C8C
16.7%	16.7% #9DA591	RGB 157 165 145	#9DA591
33.3%	33.3% #9AAE97	RGB 154 174 151	#9AAE97
50.0%	50.0% #9CB8A4	RGB 156 184 164	#9CB8A4
66.7%	66.7% #A1C1B8	RGB 161 193 184	#A1C1B8
83.3%	83.3% #A6C5CA	RGB 166 197 202	#A6C5CA
100.0%	100.0% #ABBDD4	RGB 171 189 212	#ABBDD4

#9C9C8C #9DA591 #9AAE97 #9CB8A4 #A1C1B8 #A6C5CA #ABBDD4

#9C9C8C - #9CB8A4 - #ABBDD4

CSS codes

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

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