#FF70FE - #EC1DD8 | 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 #FF70FE to #EC1DD8

#FF70FE #EC1DD8

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

#FF70FE - #EC1DD8 | 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 #FF70FE as 0% and #EC1DD8 as 100%.

0.0%	0.0% #FF70FE	RGB 255 112 254	#FF70FE
16.7%	16.7% #FB62F7	RGB 251 98 247	#FB62F7
33.3%	33.3% #F854F1	RGB 248 84 241	#F854F1
50.0%	50.0% #F546EB	RGB 245 70 235	#F546EB
66.7%	66.7% #F238E4	RGB 242 56 228	#F238E4
83.3%	83.3% #EF2ADE	RGB 239 42 222	#EF2ADE
100.0%	100.0% #EC1DD8	RGB 236 29 216	#EC1DD8

#FF70FE #FB62F7 #F854F1 #F546EB #F238E4 #EF2ADE #EC1DD8

#FF70FE - #EC1DD8

HSV Blend

#FF70FE - #EC1DD8 | 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 #FF70FE as 0% and #EC1DD8 as 100%.

0.0%	0.0% #FF70FE	RGB 255 112 254	#FF70FE
16.7%	16.7% #FB61F8	RGB 251 97 248	#FB61F8
33.3%	33.3% #F852F2	RGB 248 82 242	#F852F2
50.0%	50.0% #F544EC	RGB 245 68 236	#F544EC
66.7%	66.7% #F237E5	RGB 242 55 229	#F237E5
83.3%	83.3% #EF29DF	RGB 239 41 223	#EF29DF
100.0%	100.0% #EC1DD8	RGB 236 29 216	#EC1DD8

#FF70FE #FB61F8 #F852F2 #F544EC #F237E5 #EF29DF #EC1DD8

#FF70FE - #F544EC - #EC1DD8

CSS codes

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

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