#FF8CA1 - #ED3E48 | 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 #FF8CA1 to #ED3E48

#FF8CA1 #ED3E48

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

#FF8CA1 - #ED3E48 | 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 #FF8CA1 as 0% and #ED3E48 as 100%.

0.0%	0.0% #FF8CA1	RGB 255 140 161	#FF8CA1
16.7%	16.7% #FC7F92	RGB 252 127 146	#FC7F92
33.3%	33.3% #F97283	RGB 249 114 131	#F97283
50.0%	50.0% #F66574	RGB 246 101 116	#F66574
66.7%	66.7% #F35865	RGB 243 88 101	#F35865
83.3%	83.3% #F04B56	RGB 240 75 86	#F04B56
100.0%	100.0% #ED3E48	RGB 237 62 72	#ED3E48

#FF8CA1 #FC7F92 #F97283 #F66574 #F35865 #F04B56 #ED3E48

#FF8CA1 - #ED3E48

HSV Blend

#FF8CA1 - #ED3E48 | 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 #FF8CA1 as 0% and #ED3E48 as 100%.

0.0%	0.0% #FF8CA1	RGB 255 140 161	#FF8CA1
16.7%	16.7% #FC7E92	RGB 252 126 146	#FC7E92
33.3%	33.3% #F97084	RGB 249 112 132	#F97084
50.0%	50.0% #F66375	RGB 246 99 117	#F66375
66.7%	66.7% #F35666	RGB 243 86 102	#F35666
83.3%	83.3% #F04A57	RGB 240 74 87	#F04A57
100.0%	100.0% #ED3E48	RGB 237 62 72	#ED3E48

#FF8CA1 #FC7E92 #F97084 #F66375 #F35666 #F04A57 #ED3E48

#FF8CA1 - #F66375 - #ED3E48

CSS codes

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

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