#FFB9CB - #EAF1E7 | 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 #FFB9CB to #EAF1E7

#FFB9CB #EAF1E7

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

#FFB9CB - #EAF1E7 | 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 #FFB9CB as 0% and #EAF1E7 as 100%.

0.0%	0.0% #FFB9CB	RGB 255 185 203	#FFB9CB
16.7%	16.7% #FBC2CF	RGB 251 194 207	#FBC2CF
33.3%	33.3% #F8CBD4	RGB 248 203 212	#F8CBD4
50.0%	50.0% #F4D5D9	RGB 244 213 217	#F4D5D9
66.7%	66.7% #F1DEDD	RGB 241 222 221	#F1DEDD
83.3%	83.3% #EDE7E2	RGB 237 231 226	#EDE7E2
100.0%	100.0% #EAF1E7	RGB 234 241 231	#EAF1E7

#FFB9CB #FBC2CF #F8CBD4 #F4D5D9 #F1DEDD #EDE7E2 #EAF1E7

#FFB9CB - #EAF1E7

HSV Blend

#FFB9CB - #EAF1E7 | 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 #FFB9CB as 0% and #EAF1E7 as 100%.

0.0%	0.0% #FFB9CB	RGB 255 185 203	#FFB9CB
16.7%	16.7% #FCC5C1	RGB 252 197 193	#FCC5C1
33.3%	33.3% #FADCC9	RGB 250 220 201	#FADCC9
50.0%	50.0% #F8EDD0	RGB 248 237 208	#F8EDD0
66.7%	66.7% #F4F5D8	RGB 244 245 216	#F4F5D8
83.3%	83.3% #ECF3DF	RGB 236 243 223	#ECF3DF
100.0%	100.0% #EAF1E7	RGB 234 241 231	#EAF1E7

#FFB9CB #FCC5C1 #FADCC9 #F8EDD0 #F4F5D8 #ECF3DF #EAF1E7

#FFB9CB - #F8EDD0 - #EAF1E7

CSS codes

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

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