#EA8C8F - #FFB2D9 | 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 #EA8C8F to #FFB2D9

#EA8C8F #FFB2D9

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

#EA8C8F - #FFB2D9 | 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 #EA8C8F as 0% and #FFB2D9 as 100%.

0.0%	0.0% #EA8C8F	RGB 234 140 143	#EA8C8F
16.7%	16.7% #ED929B	RGB 237 146 155	#ED929B
33.3%	33.3% #F198A7	RGB 241 152 167	#F198A7
50.0%	50.0% #F49FB4	RGB 244 159 180	#F49FB4
66.7%	66.7% #F8A5C0	RGB 248 165 192	#F8A5C0
83.3%	83.3% #FBABCC	RGB 251 171 204	#FBABCC
100.0%	100.0% #FFB2D9	RGB 255 178 217	#FFB2D9

#EA8C8F #ED929B #F198A7 #F49FB4 #F8A5C0 #FBABCC #FFB2D9

#EA8C8F - #FFB2D9

HSV Blend

#EA8C8F - #FFB2D9 | 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 #EA8C8F as 0% and #FFB2D9 as 100%.

0.0%	0.0% #EA8C8E	RGB 234 140 142	#EA8C8E
16.7%	16.7% #ED929C	RGB 237 146 156	#ED929C
33.3%	33.3% #F198A9	RGB 241 152 169	#F198A9
50.0%	50.0% #F49EB5	RGB 244 158 181	#F49EB5
66.7%	66.7% #F8A4C1	RGB 248 164 193	#F8A4C1
83.3%	83.3% #FBABCD	RGB 251 171 205	#FBABCD
100.0%	100.0% #FFB2D9	RGB 255 178 217	#FFB2D9

#EA8C8E #ED929C #F198A9 #F49EB5 #F8A4C1 #FBABCD #FFB2D9

#EA8C8F - #F49EB5 - #FFB2D9

CSS codes

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

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