#FFB8C0 - #F6F7DB | 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 #FFB8C0 to #F6F7DB

#FFB8C0 #F6F7DB

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

#FFB8C0 - #F6F7DB | 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 #FFB8C0 as 0% and #F6F7DB as 100%.

0.0%	0.0% #FFB8C0	RGB 255 184 192	#FFB8C0
16.7%	16.7% #FDC2C4	RGB 253 194 196	#FDC2C4
33.3%	33.3% #FCCDC9	RGB 252 205 201	#FCCDC9
50.0%	50.0% #FAD7CD	RGB 250 215 205	#FAD7CD
66.7%	66.7% #F9E2D2	RGB 249 226 210	#F9E2D2
83.3%	83.3% #F7ECD6	RGB 247 236 214	#F7ECD6
100.0%	100.0% #F6F7DB	RGB 246 247 219	#F6F7DB

#FFB8C0 #FDC2C4 #FCCDC9 #FAD7CD #F9E2D2 #F7ECD6 #F6F7DB

#FFB8C0 - #F6F7DB

HSV Blend

#FFB8C0 - #F6F7DB | 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 #FFB8C0 as 0% and #F6F7DB as 100%.

0.0%	0.0% #FFB8C0	RGB 255 184 192	#FFB8C0
16.7%	16.7% #FDC3BE	RGB 253 195 190	#FDC3BE
33.3%	33.3% #FCD3C3	RGB 252 211 195	#FCD3C3
50.0%	50.0% #FBE0C9	RGB 251 224 201	#FBE0C9
66.7%	66.7% #F9EBCF	RGB 249 235 207	#F9EBCF
83.3%	83.3% #F8F2D5	RGB 248 242 213	#F8F2D5
100.0%	100.0% #F6F7DB	RGB 246 247 219	#F6F7DB

#FFB8C0 #FDC3BE #FCD3C3 #FBE0C9 #F9EBCF #F8F2D5 #F6F7DB

#FFB8C0 - #FBE0C9 - #F6F7DB

CSS codes

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

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