#A8AAB7 - #FFC9FE | 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 #A8AAB7 to #FFC9FE

#A8AAB7 #FFC9FE

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

#A8AAB7 - #FFC9FE | 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 #A8AAB7 as 0% and #FFC9FE as 100%.

0.0%	0.0% #A8AAB7	RGB 168 170 183	#A8AAB7
16.7%	16.7% #B6AFC2	RGB 182 175 194	#B6AFC2
33.3%	33.3% #C5B4CE	RGB 197 180 206	#C5B4CE
50.0%	50.0% #D3B9DA	RGB 211 185 218	#D3B9DA
66.7%	66.7% #E2BEE6	RGB 226 190 230	#E2BEE6
83.3%	83.3% #F0C3F2	RGB 240 195 242	#F0C3F2
100.0%	100.0% #FFC9FE	RGB 255 201 254	#FFC9FE

#A8AAB7 #B6AFC2 #C5B4CE #D3B9DA #E2BEE6 #F0C3F2 #FFC9FE

#A8AAB7 - #FFC9FE

HSV Blend

#A8AAB7 - #FFC9FE | 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 #A8AAB7 as 0% and #FFC9FE as 100%.

0.0%	0.0% #A8AAB7	RGB 168 170 183	#A8AAB7
16.7%	16.7% #AFAEC3	RGB 175 174 195	#AFAEC3
33.3%	33.3% #BBB5CF	RGB 187 181 207	#BBB5CF
50.0%	50.0% #C9BADB	RGB 201 186 219	#C9BADB
66.7%	66.7% #D8C0E7	RGB 216 192 231	#D8C0E7
83.3%	83.3% #EAC4F3	RGB 234 196 243	#EAC4F3
100.0%	100.0% #FFC9FE	RGB 255 201 254	#FFC9FE

#A8AAB7 #AFAEC3 #BBB5CF #C9BADB #D8C0E7 #EAC4F3 #FFC9FE

#A8AAB7 - #C9BADB - #FFC9FE

CSS codes

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

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