#969F9C - #A8FEC5 | 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 #969F9C to #A8FEC5

#969F9C #A8FEC5

Calculate the color between two colors, #969F9C and #A8FEC5. 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)

#969F9C - #A8FEC5 | 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 #969F9C as 0% and #A8FEC5 as 100%.

0.0%	0.0% #969F9C	RGB 150 159 156	#969F9C
16.7%	16.7% #99AEA2	RGB 153 174 162	#99AEA2
33.3%	33.3% #9CBEA9	RGB 156 190 169	#9CBEA9
50.0%	50.0% #9FCEB0	RGB 159 206 176	#9FCEB0
66.7%	66.7% #A2DEB7	RGB 162 222 183	#A2DEB7
83.3%	83.3% #A5EEBE	RGB 165 238 190	#A5EEBE
100.0%	100.0% #A8FEC5	RGB 168 254 197	#A8FEC5

#969F9C #99AEA2 #9CBEA9 #9FCEB0 #A2DEB7 #A5EEBE #A8FEC5

#969F9C - #A8FEC5

HSV Blend

#969F9C - #A8FEC5 | 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 #969F9C as 0% and #A8FEC5 as 100%.

0.0%	0.0% #969F9C	RGB 150 159 156	#969F9C
16.7%	16.7% #9CAEA7	RGB 156 174 167	#9CAEA7
33.3%	33.3% #A1BEB1	RGB 161 190 177	#A1BEB1
50.0%	50.0% #A5CEBA	RGB 165 206 186	#A5CEBA
66.7%	66.7% #A7DEC0	RGB 167 222 192	#A7DEC0
83.3%	83.3% #A8EEC3	RGB 168 238 195	#A8EEC3
100.0%	100.0% #A8FEC5	RGB 168 254 197	#A8FEC5

#969F9C #9CAEA7 #A1BEB1 #A5CEBA #A7DEC0 #A8EEC3 #A8FEC5

#969F9C - #A5CEBA - #A8FEC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #969F9C 0%, #A5CEBA 50%, #A8FEC5 100%);
    background: -webkit-linear-gradient(top, #969F9C 0%, #A5CEBA 50%, #A8FEC5 100%);
    background: linear-gradient(to bottom, #969F9C 0%, #A5CEBA 50%, #A8FEC5 100%);
}
</style>