#FFA8BF - #FFFAEC | 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 #FFA8BF to #FFFAEC

#FFA8BF #FFFAEC

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

#FFA8BF - #FFFAEC | 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 #FFA8BF as 0% and #FFFAEC as 100%.

0.0%	0.0% #FFA8BF	RGB 255 168 191	#FFA8BF
16.7%	16.7% #FFB5C6	RGB 255 181 198	#FFB5C6
33.3%	33.3% #FFC3CE	RGB 255 195 206	#FFC3CE
50.0%	50.0% #FFD1D5	RGB 255 209 213	#FFD1D5
66.7%	66.7% #FFDEDD	RGB 255 222 221	#FFDEDD
83.3%	83.3% #FFECE4	RGB 255 236 228	#FFECE4
100.0%	100.0% #FFFAEC	RGB 255 250 236	#FFFAEC

#FFA8BF #FFB5C6 #FFC3CE #FFD1D5 #FFDEDD #FFECE4 #FFFAEC

#FFA8BF - #FFFAEC

HSV Blend

#FFA8BF - #FFFAEC | 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 #FFA8BF as 0% and #FFFAEC as 100%.

0.0%	0.0% #FFA8BF	RGB 255 168 191	#FFA8BF
16.7%	16.7% #FFB3BA	RGB 255 179 186	#FFB3BA
33.3%	33.3% #FFC3BE	RGB 255 195 190	#FFC3BE
50.0%	50.0% #FFD6CA	RGB 255 214 202	#FFD6CA
66.7%	66.7% #FFE6D5	RGB 255 230 213	#FFE6D5
83.3%	83.3% #FFF1E0	RGB 255 241 224	#FFF1E0
100.0%	100.0% #FFFAEC	RGB 255 250 236	#FFFAEC

#FFA8BF #FFB3BA #FFC3BE #FFD6CA #FFE6D5 #FFF1E0 #FFFAEC

#FFA8BF - #FFD6CA - #FFFAEC

CSS codes

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

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