#FF82AC - #EC2F7D | 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 #FF82AC to #EC2F7D

#FF82AC #EC2F7D

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

#FF82AC - #EC2F7D | 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 #FF82AC as 0% and #EC2F7D as 100%.

0.0%	0.0% #FF82AC	RGB 255 130 172	#FF82AC
16.7%	16.7% #FB74A4	RGB 251 116 164	#FB74A4
33.3%	33.3% #F8669C	RGB 248 102 156	#F8669C
50.0%	50.0% #F55894	RGB 245 88 148	#F55894
66.7%	66.7% #F24A8C	RGB 242 74 140	#F24A8C
83.3%	83.3% #EF3C84	RGB 239 60 132	#EF3C84
100.0%	100.0% #EC2F7D	RGB 236 47 125	#EC2F7D

#FF82AC #FB74A4 #F8669C #F55894 #F24A8C #EF3C84 #EC2F7D

#FF82AC - #EC2F7D

HSV Blend

#FF82AC - #EC2F7D | 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 #FF82AC as 0% and #EC2F7D as 100%.

0.0%	0.0% #FF82AC	RGB 255 130 172	#FF82AC
16.7%	16.7% #FB73A2	RGB 251 115 162	#FB73A2
33.3%	33.3% #F8659A	RGB 248 101 154	#F8659A
50.0%	50.0% #F55792	RGB 245 87 146	#F55792
66.7%	66.7% #F2498A	RGB 242 73 138	#F2498A
83.3%	83.3% #EF3C83	RGB 239 60 131	#EF3C83
100.0%	100.0% #EC2F7D	RGB 236 47 125	#EC2F7D

#FF82AC #FB73A2 #F8659A #F55792 #F2498A #EF3C83 #EC2F7D

#FF82AC - #F55792 - #EC2F7D

CSS codes

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

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