#969F9A - #A8FEAC | 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 #969F9A to #A8FEAC

#969F9A #A8FEAC

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

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

0.0%	0.0% #969F9A	RGB 150 159 154	#969F9A
16.7%	16.7% #99AE9D	RGB 153 174 157	#99AE9D
33.3%	33.3% #9CBEA0	RGB 156 190 160	#9CBEA0
50.0%	50.0% #9FCEA3	RGB 159 206 163	#9FCEA3
66.7%	66.7% #A2DEA6	RGB 162 222 166	#A2DEA6
83.3%	83.3% #A5EEA9	RGB 165 238 169	#A5EEA9
100.0%	100.0% #A8FEAC	RGB 168 254 172	#A8FEAC

#969F9A #99AE9D #9CBEA0 #9FCEA3 #A2DEA6 #A5EEA9 #A8FEAC

#969F9A - #A8FEAC

HSV Blend

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

0.0%	0.0% #969F9A	RGB 150 159 154	#969F9A
16.7%	16.7% #9CAEA3	RGB 156 174 163	#9CAEA3
33.3%	33.3% #A1BEAA	RGB 161 190 170	#A1BEAA
50.0%	50.0% #A5CEAF	RGB 165 206 175	#A5CEAF
66.7%	66.7% #A7DEB1	RGB 167 222 177	#A7DEB1
83.3%	83.3% #A8EEB0	RGB 168 238 176	#A8EEB0
100.0%	100.0% #A8FEAC	RGB 168 254 172	#A8FEAC

#969F9A #9CAEA3 #A1BEAA #A5CEAF #A7DEB1 #A8EEB0 #A8FEAC

#969F9A - #A5CEAF - #A8FEAC

CSS codes

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

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