#ABABAF - #FFAEB0 | 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 #ABABAF to #FFAEB0

#ABABAF #FFAEB0

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

#ABABAF - #FFAEB0 | 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 #ABABAF as 0% and #FFAEB0 as 100%.

0.0%	0.0% #ABABAF	RGB 171 171 175	#ABABAF
16.7%	16.7% #B9ABAF	RGB 185 171 175	#B9ABAF
33.3%	33.3% #C7ACAF	RGB 199 172 175	#C7ACAF
50.0%	50.0% #D5ACAF	RGB 213 172 175	#D5ACAF
66.7%	66.7% #E3ADAF	RGB 227 173 175	#E3ADAF
83.3%	83.3% #F1ADAF	RGB 241 173 175	#F1ADAF
100.0%	100.0% #FFAEB0	RGB 255 174 176	#FFAEB0

#ABABAF #B9ABAF #C7ACAF #D5ACAF #E3ADAF #F1ADAF #FFAEB0

#ABABAF - #FFAEB0

HSV Blend

#ABABAF - #FFAEB0 | 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 #ABABAF as 0% and #FFAEB0 as 100%.

0.0%	0.0% #ABABAF	RGB 171 171 175	#ABABAF
16.7%	16.7% #B3AEBC	RGB 179 174 188	#B3AEBC
33.3%	33.3% #C1B1C9	RGB 193 177 201	#C1B1C9
50.0%	50.0% #D6B2D7	RGB 214 178 215	#D6B2D7
66.7%	66.7% #E4B2D4	RGB 228 178 212	#E4B2D4
83.3%	83.3% #F1B0C7	RGB 241 176 199	#F1B0C7
100.0%	100.0% #FFAEB0	RGB 255 174 176	#FFAEB0

#ABABAF #B3AEBC #C1B1C9 #D6B2D7 #E4B2D4 #F1B0C7 #FFAEB0

#ABABAF - #D6B2D7 - #FFAEB0

CSS codes

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

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