#EB6CA5 - #FED1C4 | 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 #EB6CA5 to #FED1C4

#EB6CA5 #FED1C4

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

#EB6CA5 - #FED1C4 | 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 #EB6CA5 as 0% and #FED1C4 as 100%.

0.0%	0.0% #EB6CA5	RGB 235 108 165	#EB6CA5
16.7%	16.7% #EE7CAA	RGB 238 124 170	#EE7CAA
33.3%	33.3% #F18DAF	RGB 241 141 175	#F18DAF
50.0%	50.0% #F49EB4	RGB 244 158 180	#F49EB4
66.7%	66.7% #F7AFB9	RGB 247 175 185	#F7AFB9
83.3%	83.3% #FAC0BE	RGB 250 192 190	#FAC0BE
100.0%	100.0% #FED1C4	RGB 254 209 196	#FED1C4

#EB6CA5 #EE7CAA #F18DAF #F49EB4 #F7AFB9 #FAC0BE #FED1C4

#EB6CA5 - #FED1C4

HSV Blend

#EB6CA5 - #FED1C4 | 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 #EB6CA5 as 0% and #FED1C4 as 100%.

0.0%	0.0% #EB6CA4	RGB 235 108 164	#EB6CA4
16.7%	16.7% #EE79A1	RGB 238 121 161	#EE79A1
33.3%	33.3% #F1889F	RGB 241 136 159	#F1889F
50.0%	50.0% #F496A1	RGB 244 150 161	#F496A1
66.7%	66.7% #F7A5A5	RGB 247 165 165	#F7A5A5
83.3%	83.3% #FABCB4	RGB 250 188 180	#FABCB4
100.0%	100.0% #FED1C4	RGB 254 209 196	#FED1C4

#EB6CA4 #EE79A1 #F1889F #F496A1 #F7A5A5 #FABCB4 #FED1C4

#EB6CA5 - #F496A1 - #FED1C4

CSS codes

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

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