#EAFFCB - #FFD1CF | 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 #EAFFCB to #FFD1CF

#EAFFCB #FFD1CF

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

#EAFFCB - #FFD1CF | 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 #EAFFCB as 0% and #FFD1CF as 100%.

0.0%	0.0% #EAFFCB	RGB 234 255 203	#EAFFCB
16.7%	16.7% #EDF7CB	RGB 237 247 203	#EDF7CB
33.3%	33.3% #F1EFCC	RGB 241 239 204	#F1EFCC
50.0%	50.0% #F4E8CD	RGB 244 232 205	#F4E8CD
66.7%	66.7% #F8E0CD	RGB 248 224 205	#F8E0CD
83.3%	83.3% #FBD8CE	RGB 251 216 206	#FBD8CE
100.0%	100.0% #FFD1CF	RGB 255 209 207	#FFD1CF

#EAFFCB #EDF7CB #F1EFCC #F4E8CD #F8E0CD #FBD8CE #FFD1CF

#EAFFCB - #FFD1CF

HSV Blend

#EAFFCB - #FFD1CF | 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 #EAFFCB as 0% and #FFD1CF as 100%.

0.0%	0.0% #EAFFCB	RGB 234 255 203	#EAFFCB
16.7%	16.7% #F5FFCB	RGB 245 255 203	#F5FFCB
33.3%	33.3% #FFFCCC	RGB 255 252 204	#FFFCCC
50.0%	50.0% #FFF1CD	RGB 255 241 205	#FFF1CD
66.7%	66.7% #FFE6CD	RGB 255 230 205	#FFE6CD
83.3%	83.3% #FFDBCE	RGB 255 219 206	#FFDBCE
100.0%	100.0% #FFD1CF	RGB 255 209 207	#FFD1CF

#EAFFCB #F5FFCB #FFFCCC #FFF1CD #FFE6CD #FFDBCE #FFD1CF

#EAFFCB - #FFF1CD - #FFD1CF

CSS codes

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

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