#F29FDA - #E4ECE4 | 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 #F29FDA to #E4ECE4

#F29FDA #E4ECE4

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

#F29FDA - #E4ECE4 | 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 #F29FDA as 0% and #E4ECE4 as 100%.

0.0%	0.0% #F29FDA	RGB 242 159 218	#F29FDA
16.7%	16.7% #EFABDB	RGB 239 171 219	#EFABDB
33.3%	33.3% #EDB8DD	RGB 237 184 221	#EDB8DD
50.0%	50.0% #EBC5DF	RGB 235 197 223	#EBC5DF
66.7%	66.7% #E8D2E0	RGB 232 210 224	#E8D2E0
83.3%	83.3% #E6DFE2	RGB 230 223 226	#E6DFE2
100.0%	100.0% #E4ECE4	RGB 228 236 228	#E4ECE4

#F29FDA #EFABDB #EDB8DD #EBC5DF #E8D2E0 #E6DFE2 #E4ECE4

#F29FDA - #E4ECE4

HSV Blend

#F29FDA - #E4ECE4 | 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 #F29FDA as 0% and #E4ECE4 as 100%.

0.0%	0.0% #F29FDA	RGB 242 159 218	#F29FDA
16.7%	16.7% #F1AABC	RGB 241 170 188	#F1AABC
33.3%	33.3% #F0C1B6	RGB 240 193 182	#F0C1B6
50.0%	50.0% #EFDEC1	RGB 239 222 193	#EFDEC1
66.7%	66.7% #EAEECD	RGB 234 238 205	#EAEECD
83.3%	83.3% #E1EDD8	RGB 225 237 216	#E1EDD8
100.0%	100.0% #E4ECE4	RGB 228 236 228	#E4ECE4

#F29FDA #F1AABC #F0C1B6 #EFDEC1 #EAEECD #E1EDD8 #E4ECE4

#F29FDA - #EFDEC1 - #E4ECE4

CSS codes

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

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