#FFAFBA - #FCFFEB | 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 #FFAFBA to #FCFFEB

#FFAFBA #FCFFEB

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

#FFAFBA - #FCFFEB | 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 #FFAFBA as 0% and #FCFFEB as 100%.

0.0%	0.0% #FFAFBA	RGB 255 175 186	#FFAFBA
16.7%	16.7% #FEBCC2	RGB 254 188 194	#FEBCC2
33.3%	33.3% #FEC9CA	RGB 254 201 202	#FEC9CA
50.0%	50.0% #FDD7D2	RGB 253 215 210	#FDD7D2
66.7%	66.7% #FDE4DA	RGB 253 228 218	#FDE4DA
83.3%	83.3% #FCF1E2	RGB 252 241 226	#FCF1E2
100.0%	100.0% #FCFFEB	RGB 252 255 235	#FCFFEB

#FFAFBA #FEBCC2 #FEC9CA #FDD7D2 #FDE4DA #FCF1E2 #FCFFEB

#FFAFBA - #FCFFEB

HSV Blend

#FFAFBA - #FCFFEB | 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 #FFAFBA as 0% and #FCFFEB as 100%.

0.0%	0.0% #FFAFBA	RGB 255 175 186	#FFAFBA
16.7%	16.7% #FFBEB9	RGB 255 190 185	#FFBEB9
33.3%	33.3% #FFD4C3	RGB 255 212 195	#FFD4C3
50.0%	50.0% #FFE6CD	RGB 255 230 205	#FFE6CD
66.7%	66.7% #FFF3D7	RGB 255 243 215	#FFF3D7
83.3%	83.3% #FFFDE1	RGB 255 253 225	#FFFDE1
100.0%	100.0% #FCFFEB	RGB 252 255 235	#FCFFEB

#FFAFBA #FFBEB9 #FFD4C3 #FFE6CD #FFF3D7 #FFFDE1 #FCFFEB

#FFAFBA - #FFE6CD - #FCFFEB

CSS codes

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

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