#A8ADAB - #FFB1F9 | 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 #A8ADAB to #FFB1F9

#A8ADAB #FFB1F9

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

#A8ADAB - #FFB1F9 | 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 #A8ADAB as 0% and #FFB1F9 as 100%.

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
16.7%	16.7% #B6ADB8	RGB 182 173 184	#B6ADB8
33.3%	33.3% #C5AEC5	RGB 197 174 197	#C5AEC5
50.0%	50.0% #D3AFD2	RGB 211 175 210	#D3AFD2
66.7%	66.7% #E2AFDF	RGB 226 175 223	#E2AFDF
83.3%	83.3% #F0B0EC	RGB 240 176 236	#F0B0EC
100.0%	100.0% #FFB1F9	RGB 255 177 249	#FFB1F9

#A8ADAB #B6ADB8 #C5AEC5 #D3AFD2 #E2AFDF #F0B0EC #FFB1F9

#A8ADAB - #FFB1F9

HSV Blend

#A8ADAB - #FFB1F9 | 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 #A8ADAB as 0% and #FFB1F9 as 100%.

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
16.7%	16.7% #ACBABA	RGB 172 186 186	#ACBABA
33.3%	33.3% #B0BDC8	RGB 176 189 200	#B0BDC8
50.0%	50.0% #B2B7D6	RGB 178 183 214	#B2B7D6
66.7%	66.7% #BFB3E3	RGB 191 179 227	#BFB3E3
83.3%	83.3% #DCB2F1	RGB 220 178 241	#DCB2F1
100.0%	100.0% #FFB1F9	RGB 255 177 249	#FFB1F9

#A8ADAB #ACBABA #B0BDC8 #B2B7D6 #BFB3E3 #DCB2F1 #FFB1F9

#A8ADAB - #B2B7D6 - #FFB1F9

CSS codes

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

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