#EB6DA5 - #FED2C3 | 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 #EB6DA5 to #FED2C3

#EB6DA5 #FED2C3

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

#EB6DA5 - #FED2C3 | 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 #EB6DA5 as 0% and #FED2C3 as 100%.

0.0%	0.0% #EB6DA5	RGB 235 109 165	#EB6DA5
16.7%	16.7% #EE7DAA	RGB 238 125 170	#EE7DAA
33.3%	33.3% #F18EAF	RGB 241 142 175	#F18EAF
50.0%	50.0% #F49FB4	RGB 244 159 180	#F49FB4
66.7%	66.7% #F7B0B9	RGB 247 176 185	#F7B0B9
83.3%	83.3% #FAC1BE	RGB 250 193 190	#FAC1BE
100.0%	100.0% #FED2C3	RGB 254 210 195	#FED2C3

#EB6DA5 #EE7DAA #F18EAF #F49FB4 #F7B0B9 #FAC1BE #FED2C3

#EB6DA5 - #FED2C3

HSV Blend

#EB6DA5 - #FED2C3 | 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 #EB6DA5 as 0% and #FED2C3 as 100%.

0.0%	0.0% #EB6DA5	RGB 235 109 165	#EB6DA5
16.7%	16.7% #EE7AA0	RGB 238 122 160	#EE7AA0
33.3%	33.3% #F1889E	RGB 241 136 158	#F1889E
50.0%	50.0% #F4969F	RGB 244 150 159	#F4969F
66.7%	66.7% #F7A6A5	RGB 247 166 165	#F7A6A5
83.3%	83.3% #FABDB3	RGB 250 189 179	#FABDB3
100.0%	100.0% #FED2C3	RGB 254 210 195	#FED2C3

#EB6DA5 #EE7AA0 #F1889E #F4969F #F7A6A5 #FABDB3 #FED2C3

#EB6DA5 - #F4969F - #FED2C3

CSS codes

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

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