#FFB6B5 - #FAFFF0 | 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 #FFB6B5 to #FAFFF0

#FFB6B5 #FAFFF0

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

#FFB6B5 - #FAFFF0 | 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 #FFB6B5 as 0% and #FAFFF0 as 100%.

0.0%	0.0% #FFB6B5	RGB 255 182 181	#FFB6B5
16.7%	16.7% #FEC2BE	RGB 254 194 190	#FEC2BE
33.3%	33.3% #FDCEC8	RGB 253 206 200	#FDCEC8
50.0%	50.0% #FCDAD2	RGB 252 218 210	#FCDAD2
66.7%	66.7% #FBE6DC	RGB 251 230 220	#FBE6DC
83.3%	83.3% #FAF2E6	RGB 250 242 230	#FAF2E6
100.0%	100.0% #FAFFF0	RGB 250 255 240	#FAFFF0

#FFB6B5 #FEC2BE #FDCEC8 #FCDAD2 #FBE6DC #FAF2E6 #FAFFF0

#FFB6B5 - #FAFFF0

HSV Blend

#FFB6B5 - #FAFFF0 | 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 #FFB6B5 as 0% and #FAFFF0 as 100%.

0.0%	0.0% #FFB6B5	RGB 255 182 181	#FFB6B5
16.7%	16.7% #FFCDBE	RGB 255 205 190	#FFCDBE
33.3%	33.3% #FFE1C8	RGB 255 225 200	#FFE1C8
50.0%	50.0% #FFF0D2	RGB 255 240 210	#FFF0D2
66.7%	66.7% #FFFBDC	RGB 255 251 220	#FFFBDC
83.3%	83.3% #FCFFE6	RGB 252 255 230	#FCFFE6
100.0%	100.0% #FAFFF0	RGB 250 255 240	#FAFFF0

#FFB6B5 #FFCDBE #FFE1C8 #FFF0D2 #FFFBDC #FCFFE6 #FAFFF0

#FFB6B5 - #FFF0D2 - #FAFFF0

CSS codes

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

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