#EEC3DA - #FDF9F0 | 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 #EEC3DA to #FDF9F0

#EEC3DA #FDF9F0

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

#EEC3DA - #FDF9F0 | 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 #EEC3DA as 0% and #FDF9F0 as 100%.

0.0%	0.0% #EEC3DA	RGB 238 195 218	#EEC3DA
16.7%	16.7% #F0CCDD	RGB 240 204 221	#F0CCDD
33.3%	33.3% #F3D5E1	RGB 243 213 225	#F3D5E1
50.0%	50.0% #F5DEE5	RGB 245 222 229	#F5DEE5
66.7%	66.7% #F8E7E8	RGB 248 231 232	#F8E7E8
83.3%	83.3% #FAF0EC	RGB 250 240 236	#FAF0EC
100.0%	100.0% #FDF9F0	RGB 253 249 240	#FDF9F0

#EEC3DA #F0CCDD #F3D5E1 #F5DEE5 #F8E7E8 #FAF0EC #FDF9F0

#EEC3DA - #FDF9F0

HSV Blend

#EEC3DA - #FDF9F0 | 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 #EEC3DA as 0% and #FDF9F0 as 100%.

0.0%	0.0% #EEC3DA	RGB 238 195 218	#EEC3DA
16.7%	16.7% #F0CAD6	RGB 240 202 214	#F0CAD6
33.3%	33.3% #F3D1D5	RGB 243 209 213	#F3D1D5
50.0%	50.0% #F5DBD9	RGB 245 219 217	#F5DBD9
66.7%	66.7% #F8E7E0	RGB 248 231 224	#F8E7E0
83.3%	83.3% #FAF1E8	RGB 250 241 232	#FAF1E8
100.0%	100.0% #FDF9F0	RGB 253 249 240	#FDF9F0

#EEC3DA #F0CAD6 #F3D1D5 #F5DBD9 #F8E7E0 #FAF1E8 #FDF9F0

#EEC3DA - #F5DBD9 - #FDF9F0

CSS codes

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

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