#9C9E9F - #ADFCC3 | 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 #9C9E9F to #ADFCC3

#9C9E9F #ADFCC3

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

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

0.0%	0.0% #9C9E9F	RGB 156 158 159	#9C9E9F
16.7%	16.7% #9EADA5	RGB 158 173 165	#9EADA5
33.3%	33.3% #A1BDAB	RGB 161 189 171	#A1BDAB
50.0%	50.0% #A4CDB1	RGB 164 205 177	#A4CDB1
66.7%	66.7% #A7DCB7	RGB 167 220 183	#A7DCB7
83.3%	83.3% #AAECBD	RGB 170 236 189	#AAECBD
100.0%	100.0% #ADFCC3	RGB 173 252 195	#ADFCC3

#9C9E9F #9EADA5 #A1BDAB #A4CDB1 #A7DCB7 #AAECBD #ADFCC3

#9C9E9F - #ADFCC3

HSV Blend

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

0.0%	0.0% #9C9E9F	RGB 156 158 159	#9C9E9F
16.7%	16.7% #A2ACAE	RGB 162 172 174	#A2ACAE
33.3%	33.3% #A7BEBD	RGB 167 190 189	#A7BEBD
50.0%	50.0% #ABCDC6	RGB 171 205 198	#ABCDC6
66.7%	66.7% #ADDDCB	RGB 173 221 203	#ADDDCB
83.3%	83.3% #ADECCA	RGB 173 236 202	#ADECCA
100.0%	100.0% #ADFCC3	RGB 173 252 195	#ADFCC3

#9C9E9F #A2ACAE #A7BEBD #ABCDC6 #ADDDCB #ADECCA #ADFCC3

#9C9E9F - #ABCDC6 - #ADFCC3

CSS codes

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

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