#A19BA4 - #FFBAC2 | 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 #A19BA4 to #FFBAC2

#A19BA4 #FFBAC2

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

#A19BA4 - #FFBAC2 | 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 #A19BA4 as 0% and #FFBAC2 as 100%.

0.0%	0.0% #A19BA4	RGB 161 155 164	#A19BA4
16.7%	16.7% #B0A0A9	RGB 176 160 169	#B0A0A9
33.3%	33.3% #C0A5AE	RGB 192 165 174	#C0A5AE
50.0%	50.0% #D0AAB3	RGB 208 170 179	#D0AAB3
66.7%	66.7% #DFAFB8	RGB 223 175 184	#DFAFB8
83.3%	83.3% #EFB4BD	RGB 239 180 189	#EFB4BD
100.0%	100.0% #FFBAC2	RGB 255 186 194	#FFBAC2

#A19BA4 #B0A0A9 #C0A5AE #D0AAB3 #DFAFB8 #EFB4BD #FFBAC2

#A19BA4 - #FFBAC2

HSV Blend

#A19BA4 - #FFBAC2 | 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 #A19BA4 as 0% and #FFBAC2 as 100%.

0.0%	0.0% #A19BA4	RGB 161 155 164	#A19BA4
16.7%	16.7% #B1A2B3	RGB 177 162 179	#B1A2B3
33.3%	33.3% #C2A9C0	RGB 194 169 192	#C2A9C0
50.0%	50.0% #D1AFC8	RGB 209 175 200	#D1AFC8
66.7%	66.7% #E0B4CB	RGB 224 180 203	#E0B4CB
83.3%	83.3% #EFB7C9	RGB 239 183 201	#EFB7C9
100.0%	100.0% #FFBAC2	RGB 255 186 194	#FFBAC2

#A19BA4 #B1A2B3 #C2A9C0 #D1AFC8 #E0B4CB #EFB7C9 #FFBAC2

#A19BA4 - #D1AFC8 - #FFBAC2

CSS codes

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

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