#EF06B0 - #FF8FE4 | 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 #EF06B0 to #FF8FE4

#EF06B0 #FF8FE4

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

#EF06B0 - #FF8FE4 | 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 #EF06B0 as 0% and #FF8FE4 as 100%.

0.0%	0.0% #EF06B0	RGB 239 6 176	#EF06B0
16.7%	16.7% #F11CB8	RGB 241 28 184	#F11CB8
33.3%	33.3% #F433C1	RGB 244 51 193	#F433C1
50.0%	50.0% #F74ACA	RGB 247 74 202	#F74ACA
66.7%	66.7% #F961D2	RGB 249 97 210	#F961D2
83.3%	83.3% #FC78DB	RGB 252 120 219	#FC78DB
100.0%	100.0% #FF8FE4	RGB 255 143 228	#FF8FE4

#EF06B0 #F11CB8 #F433C1 #F74ACA #F961D2 #FC78DB #FF8FE4

#EF06B0 - #FF8FE4

HSV Blend

#EF06B0 - #FF8FE4 | 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 #EF06B0 as 0% and #FF8FE4 as 100%.

0.0%	0.0% #EF05B0	RGB 239 5 176	#EF05B0
16.7%	16.7% #F11BB8	RGB 241 27 184	#F11BB8
33.3%	33.3% #F431C1	RGB 244 49 193	#F431C1
50.0%	50.0% #F748CA	RGB 247 72 202	#F748CA
66.7%	66.7% #F95FD2	RGB 249 95 210	#F95FD2
83.3%	83.3% #FC76DB	RGB 252 118 219	#FC76DB
100.0%	100.0% #FF8FE4	RGB 255 143 228	#FF8FE4

#EF05B0 #F11BB8 #F431C1 #F748CA #F95FD2 #FC76DB #FF8FE4

#EF06B0 - #F748CA - #FF8FE4

CSS codes

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

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