#FF45F1 - #EC6EB4 | 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 #FF45F1 to #EC6EB4

#FF45F1 #EC6EB4

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

#FF45F1 - #EC6EB4 | 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 #FF45F1 as 0% and #EC6EB4 as 100%.

0.0%	0.0% #FF45F1	RGB 255 69 241	#FF45F1
16.7%	16.7% #FB4BE6	RGB 251 75 230	#FB4BE6
33.3%	33.3% #F852DC	RGB 248 82 220	#F852DC
50.0%	50.0% #F559D2	RGB 245 89 210	#F559D2
66.7%	66.7% #F260C8	RGB 242 96 200	#F260C8
83.3%	83.3% #EF67BE	RGB 239 103 190	#EF67BE
100.0%	100.0% #EC6EB4	RGB 236 110 180	#EC6EB4

#FF45F1 #FB4BE6 #F852DC #F559D2 #F260C8 #EF67BE #EC6EB4

#FF45F1 - #EC6EB4

HSV Blend

#FF45F1 - #EC6EB4 | 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 #FF45F1 as 0% and #EC6EB4 as 100%.

0.0%	0.0% #FF45F1	RGB 255 69 241	#FF45F1
16.7%	16.7% #FB4CE3	RGB 251 76 227	#FB4CE3
33.3%	33.3% #F853D7	RGB 248 83 215	#F853D7
50.0%	50.0% #F55ACD	RGB 245 90 205	#F55ACD
66.7%	66.7% #F261C3	RGB 242 97 195	#F261C3
83.3%	83.3% #EF67BB	RGB 239 103 187	#EF67BB
100.0%	100.0% #EC6EB4	RGB 236 110 180	#EC6EB4

#FF45F1 #FB4CE3 #F853D7 #F55ACD #F261C3 #EF67BB #EC6EB4

#FF45F1 - #F55ACD - #EC6EB4

CSS codes

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

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