#ABB0AA - #A8EDFF | 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 #ABB0AA to #A8EDFF

#ABB0AA #A8EDFF

Calculate the color between two colors, #ABB0AA and #A8EDFF. 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)

#ABB0AA - #A8EDFF | 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 #ABB0AA as 0% and #A8EDFF as 100%.

0.0%	0.0% #ABB0AA	RGB 171 176 170	#ABB0AA
16.7%	16.7% #AABAB8	RGB 170 186 184	#AABAB8
33.3%	33.3% #AAC4C6	RGB 170 196 198	#AAC4C6
50.0%	50.0% #A9CED4	RGB 169 206 212	#A9CED4
66.7%	66.7% #A9D8E2	RGB 169 216 226	#A9D8E2
83.3%	83.3% #A8E2F0	RGB 168 226 240	#A8E2F0
100.0%	100.0% #A8EDFF	RGB 168 237 255	#A8EDFF

#ABB0AA #AABAB8 #AAC4C6 #A9CED4 #A9D8E2 #A8E2F0 #A8EDFF

#ABB0AA - #A8EDFF

HSV Blend

#ABB0AA - #A8EDFF | 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 #ABB0AA as 0% and #A8EDFF as 100%.

0.0%	0.0% #ABB0AA	RGB 171 176 170	#ABB0AA
16.7%	16.7% #ADBDAE	RGB 173 189 174	#ADBDAE
33.3%	33.3% #AECAB6	RGB 174 202 182	#AECAB6
50.0%	50.0% #AFD7C4	RGB 175 215 196	#AFD7C4
66.7%	66.7% #AEE4D6	RGB 174 228 214	#AEE4D6
83.3%	83.3% #ABF1F0	RGB 171 241 240	#ABF1F0
100.0%	100.0% #A8EDFF	RGB 168 237 255	#A8EDFF

#ABB0AA #ADBDAE #AECAB6 #AFD7C4 #AEE4D6 #ABF1F0 #A8EDFF

#ABB0AA - #AFD7C4 - #A8EDFF

CSS codes

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

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