#EB5A8A - #FFBFA4 | 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 #EB5A8A to #FFBFA4

#EB5A8A #FFBFA4

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

#EB5A8A - #FFBFA4 | 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 #EB5A8A as 0% and #FFBFA4 as 100%.

0.0%	0.0% #EB5A8A	RGB 235 90 138	#EB5A8A
16.7%	16.7% #EE6A8E	RGB 238 106 142	#EE6A8E
33.3%	33.3% #F17B92	RGB 241 123 146	#F17B92
50.0%	50.0% #F58C97	RGB 245 140 151	#F58C97
66.7%	66.7% #F89D9B	RGB 248 157 155	#F89D9B
83.3%	83.3% #FBAE9F	RGB 251 174 159	#FBAE9F
100.0%	100.0% #FFBFA4	RGB 255 191 164	#FFBFA4

#EB5A8A #EE6A8E #F17B92 #F58C97 #F89D9B #FBAE9F #FFBFA4

#EB5A8A - #FFBFA4

HSV Blend

#EB5A8A - #FFBFA4 | 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 #EB5A8A as 0% and #FFBFA4 as 100%.

0.0%	0.0% #EB598A	RGB 235 89 138	#EB598A
16.7%	16.7% #EE6584	RGB 238 101 132	#EE6584
33.3%	33.3% #F17181	RGB 241 113 129	#F17181
50.0%	50.0% #F57D7F	RGB 245 125 127	#F57D7F
66.7%	66.7% #F8938A	RGB 248 147 138	#F8938A
83.3%	83.3% #FBAA96	RGB 251 170 150	#FBAA96
100.0%	100.0% #FFBFA4	RGB 255 191 164	#FFBFA4

#EB598A #EE6584 #F17181 #F57D7F #F8938A #FBAA96 #FFBFA4

#EB5A8A - #F57D7F - #FFBFA4

CSS codes

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

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