#E264AC - #FF8FD6 | 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 #E264AC to #FF8FD6

#E264AC #FF8FD6

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

#E264AC - #FF8FD6 | 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 #E264AC as 0% and #FF8FD6 as 100%.

0.0%	0.0% #E264AC	RGB 226 100 172	#E264AC
16.7%	16.7% #E66BB3	RGB 230 107 179	#E66BB3
33.3%	33.3% #EB72BA	RGB 235 114 186	#EB72BA
50.0%	50.0% #F079C1	RGB 240 121 193	#F079C1
66.7%	66.7% #F580C8	RGB 245 128 200	#F580C8
83.3%	83.3% #FA87CF	RGB 250 135 207	#FA87CF
100.0%	100.0% #FF8FD6	RGB 255 143 214	#FF8FD6

#E264AC #E66BB3 #EB72BA #F079C1 #F580C8 #FA87CF #FF8FD6

#E264AC - #FF8FD6

HSV Blend

#E264AC - #FF8FD6 | 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 #E264AC as 0% and #FF8FD6 as 100%.

0.0%	0.0% #E264AC	RGB 226 100 172	#E264AC
16.7%	16.7% #E66AB2	RGB 230 106 178	#E66AB2
33.3%	33.3% #EB71B9	RGB 235 113 185	#EB71B9
50.0%	50.0% #F078C0	RGB 240 120 192	#F078C0
66.7%	66.7% #F57FC7	RGB 245 127 199	#F57FC7
83.3%	83.3% #FA87CE	RGB 250 135 206	#FA87CE
100.0%	100.0% #FF8FD6	RGB 255 143 214	#FF8FD6

#E264AC #E66AB2 #EB71B9 #F078C0 #F57FC7 #FA87CE #FF8FD6

#E264AC - #F078C0 - #FF8FD6

CSS codes

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

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