#FFC2BA - #EFFFEC | 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 #FFC2BA to #EFFFEC

#FFC2BA #EFFFEC

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

#FFC2BA - #EFFFEC | 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 #FFC2BA as 0% and #EFFFEC as 100%.

0.0%	0.0% #FFC2BA	RGB 255 194 186	#FFC2BA
16.7%	16.7% #FCCCC2	RGB 252 204 194	#FCCCC2
33.3%	33.3% #F9D6CA	RGB 249 214 202	#F9D6CA
50.0%	50.0% #F7E0D3	RGB 247 224 211	#F7E0D3
66.7%	66.7% #F4EADB	RGB 244 234 219	#F4EADB
83.3%	83.3% #F1F4E3	RGB 241 244 227	#F1F4E3
100.0%	100.0% #EFFFEC	RGB 239 255 236	#EFFFEC

#FFC2BA #FCCCC2 #F9D6CA #F7E0D3 #F4EADB #F1F4E3 #EFFFEC

#FFC2BA - #EFFFEC

HSV Blend

#FFC2BA - #EFFFEC | 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 #FFC2BA as 0% and #EFFFEC as 100%.

0.0%	0.0% #FFC2BA	RGB 255 194 186	#FFC2BA
16.7%	16.7% #FFDAC2	RGB 255 218 194	#FFDAC2
33.3%	33.3% #FFEECA	RGB 255 238 202	#FFEECA
50.0%	50.0% #FFFED3	RGB 255 254 211	#FFFED3
66.7%	66.7% #F5FFDB	RGB 245 255 219	#F5FFDB
83.3%	83.3% #EFFFE3	RGB 239 255 227	#EFFFE3
100.0%	100.0% #EFFFEC	RGB 239 255 236	#EFFFEC

#FFC2BA #FFDAC2 #FFEECA #FFFED3 #F5FFDB #EFFFE3 #EFFFEC

#FFC2BA - #FFFED3 - #EFFFEC

CSS codes

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

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