#EF5FEC - #B100B2 | 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 #EF5FEC to #B100B2

#EF5FEC #B100B2

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

#EF5FEC - #B100B2 | 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 #EF5FEC as 0% and #B100B2 as 100%.

0.0%	0.0% #EF5FEC	RGB 239 95 236	#EF5FEC
16.7%	16.7% #E44FE2	RGB 228 79 226	#E44FE2
33.3%	33.3% #DA3FD8	RGB 218 63 216	#DA3FD8
50.0%	50.0% #D02FCF	RGB 208 47 207	#D02FCF
66.7%	66.7% #C51FC5	RGB 197 31 197	#C51FC5
83.3%	83.3% #BB0FBB	RGB 187 15 187	#BB0FBB
100.0%	100.0% #B100B2	RGB 177 0 178	#B100B2

#EF5FEC #E44FE2 #DA3FD8 #D02FCF #C51FC5 #BB0FBB #B100B2

#EF5FEC - #B100B2

HSV Blend

#EF5FEC - #B100B2 | 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 #EF5FEC as 0% and #B100B2 as 100%.

0.0%	0.0% #EF5FEB	RGB 239 95 235	#EF5FEB
16.7%	16.7% #E44BE2	RGB 228 75 226	#E44BE2
33.3%	33.3% #DA39D8	RGB 218 57 216	#DA39D8
50.0%	50.0% #D029CF	RGB 208 41 207	#D029CF
66.7%	66.7% #C61AC5	RGB 198 26 197	#C61AC5
83.3%	83.3% #BB0CBC	RGB 187 12 188	#BB0CBC
100.0%	100.0% #B100B2	RGB 177 0 178	#B100B2

#EF5FEB #E44BE2 #DA39D8 #D029CF #C61AC5 #BB0CBC #B100B2

#EF5FEC - #D029CF - #B100B2

CSS codes

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

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