#FFB7CD - #FAFFED | 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 #FFB7CD to #FAFFED

#FFB7CD #FAFFED

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

#FFB7CD - #FAFFED | 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 #FFB7CD as 0% and #FAFFED as 100%.

0.0%	0.0% #FFB7CD	RGB 255 183 205	#FFB7CD
16.7%	16.7% #FEC3D2	RGB 254 195 210	#FEC3D2
33.3%	33.3% #FDCFD7	RGB 253 207 215	#FDCFD7
50.0%	50.0% #FCDBDD	RGB 252 219 221	#FCDBDD
66.7%	66.7% #FBE7E2	RGB 251 231 226	#FBE7E2
83.3%	83.3% #FAF3E7	RGB 250 243 231	#FAF3E7
100.0%	100.0% #FAFFED	RGB 250 255 237	#FAFFED

#FFB7CD #FEC3D2 #FDCFD7 #FCDBDD #FBE7E2 #FAF3E7 #FAFFED

#FFB7CD - #FAFFED

HSV Blend

#FFB7CD - #FAFFED | 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 #FFB7CD as 0% and #FAFFED as 100%.

0.0%	0.0% #FFB7CD	RGB 255 183 205	#FFB7CD
16.7%	16.7% #FFC0C2	RGB 255 192 194	#FFC0C2
33.3%	33.3% #FFD5C9	RGB 255 213 201	#FFD5C9
50.0%	50.0% #FFE7D2	RGB 255 231 210	#FFE7D2
66.7%	66.7% #FFF5DB	RGB 255 245 219	#FFF5DB
83.3%	83.3% #FEFFE4	RGB 254 255 228	#FEFFE4
100.0%	100.0% #FAFFED	RGB 250 255 237	#FAFFED

#FFB7CD #FFC0C2 #FFD5C9 #FFE7D2 #FFF5DB #FEFFE4 #FAFFED

#FFB7CD - #FFE7D2 - #FAFFED

CSS codes

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

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