#9CA5A5 - #E2E5E5 | 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 #9CA5A5 to #E2E5E5

#9CA5A5 #E2E5E5

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

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

0.0%	0.0% #9CA5A5	RGB 156 165 165	#9CA5A5
16.7%	16.7% #A7AFAF	RGB 167 175 175	#A7AFAF
33.3%	33.3% #B3BABA	RGB 179 186 186	#B3BABA
50.0%	50.0% #BFC5C5	RGB 191 197 197	#BFC5C5
66.7%	66.7% #CACFCF	RGB 202 207 207	#CACFCF
83.3%	83.3% #D6DADA	RGB 214 218 218	#D6DADA
100.0%	100.0% #E2E5E5	RGB 226 229 229	#E2E5E5

#9CA5A5 #A7AFAF #B3BABA #BFC5C5 #CACFCF #D6DADA #E2E5E5

#9CA5A5 - #E2E5E5

HSV Blend

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

0.0%	0.0% #9CA5A5	RGB 156 165 165	#9CA5A5
16.7%	16.7% #A7AFAF	RGB 167 175 175	#A7AFAF
33.3%	33.3% #B2BABA	RGB 178 186 186	#B2BABA
50.0%	50.0% #BEC5C5	RGB 190 197 197	#BEC5C5
66.7%	66.7% #CACFCF	RGB 202 207 207	#CACFCF
83.3%	83.3% #D5DADA	RGB 213 218 218	#D5DADA
100.0%	100.0% #E2E5E5	RGB 226 229 229	#E2E5E5

#9CA5A5 #A7AFAF #B2BABA #BEC5C5 #CACFCF #D5DADA #E2E5E5

#9CA5A5 - #BEC5C5 - #E2E5E5

CSS codes

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

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