#A2AAB2 - #FFB2CF | 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 #A2AAB2 to #FFB2CF

#A2AAB2 #FFB2CF

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

#A2AAB2 - #FFB2CF | 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 #A2AAB2 as 0% and #FFB2CF as 100%.

0.0%	0.0% #A2AAB2	RGB 162 170 178	#A2AAB2
16.7%	16.7% #B1ABB6	RGB 177 171 182	#B1ABB6
33.3%	33.3% #C1ACBB	RGB 193 172 187	#C1ACBB
50.0%	50.0% #D0AEC0	RGB 208 174 192	#D0AEC0
66.7%	66.7% #E0AFC5	RGB 224 175 197	#E0AFC5
83.3%	83.3% #EFB0CA	RGB 239 176 202	#EFB0CA
100.0%	100.0% #FFB2CF	RGB 255 178 207	#FFB2CF

#A2AAB2 #B1ABB6 #C1ACBB #D0AEC0 #E0AFC5 #EFB0CA #FFB2CF

#A2AAB2 - #FFB2CF

HSV Blend

#A2AAB2 - #FFB2CF | 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 #A2AAB2 as 0% and #FFB2CF as 100%.

0.0%	0.0% #A2AAB2	RGB 162 170 178	#A2AAB2
16.7%	16.7% #A6AABE	RGB 166 170 190	#A6AABE
33.3%	33.3% #B1AACB	RGB 177 170 203	#B1AACB
50.0%	50.0% #C5AED8	RGB 197 174 216	#C5AED8
66.7%	66.7% #E0B0E5	RGB 224 176 229	#E0B0E5
83.3%	83.3% #F2B1E0	RGB 242 177 224	#F2B1E0
100.0%	100.0% #FFB2CF	RGB 255 178 207	#FFB2CF

#A2AAB2 #A6AABE #B1AACB #C5AED8 #E0B0E5 #F2B1E0 #FFB2CF

#A2AAB2 - #C5AED8 - #FFB2CF

CSS codes

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

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