#97A6A1 - #E1E5E5 | 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 #97A6A1 to #E1E5E5

#97A6A1 #E1E5E5

Calculate the color between two colors, #97A6A1 and #E1E5E5. 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)

#97A6A1 - #E1E5E5 | 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 #97A6A1 as 0% and #E1E5E5 as 100%.

0.0%	0.0% #97A6A1	RGB 151 166 161	#97A6A1
16.7%	16.7% #A3B0AC	RGB 163 176 172	#A3B0AC
33.3%	33.3% #AFBBB7	RGB 175 187 183	#AFBBB7
50.0%	50.0% #BCC5C3	RGB 188 197 195	#BCC5C3
66.7%	66.7% #C8D0CE	RGB 200 208 206	#C8D0CE
83.3%	83.3% #D4DAD9	RGB 212 218 217	#D4DAD9
100.0%	100.0% #E1E5E5	RGB 225 229 229	#E1E5E5

#97A6A1 #A3B0AC #AFBBB7 #BCC5C3 #C8D0CE #D4DAD9 #E1E5E5

#97A6A1 - #E1E5E5

HSV Blend

#97A6A1 - #E1E5E5 | 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 #97A6A1 as 0% and #E1E5E5 as 100%.

0.0%	0.0% #97A6A1	RGB 151 166 161	#97A6A1
16.7%	16.7% #A2B0AC	RGB 162 176 172	#A2B0AC
33.3%	33.3% #AEBBB8	RGB 174 187 184	#AEBBB8
50.0%	50.0% #BAC5C3	RGB 186 197 195	#BAC5C3
66.7%	66.7% #C7D0CF	RGB 199 208 207	#C7D0CF
83.3%	83.3% #D4DADA	RGB 212 218 218	#D4DADA
100.0%	100.0% #E1E5E5	RGB 225 229 229	#E1E5E5

#97A6A1 #A2B0AC #AEBBB8 #BAC5C3 #C7D0CF #D4DADA #E1E5E5

#97A6A1 - #BAC5C3 - #E1E5E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97A6A1 0%, #BAC5C3 50%, #E1E5E5 100%);
    background: -webkit-linear-gradient(top, #97A6A1 0%, #BAC5C3 50%, #E1E5E5 100%);
    background: linear-gradient(to bottom, #97A6A1 0%, #BAC5C3 50%, #E1E5E5 100%);
}
</style>