#EB6FE2 - #FFB4C5 | 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 #EB6FE2 to #FFB4C5

#EB6FE2 #FFB4C5

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

#EB6FE2 - #FFB4C5 | 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 #EB6FE2 as 0% and #FFB4C5 as 100%.

0.0%	0.0% #EB6FE2	RGB 235 111 226	#EB6FE2
16.7%	16.7% #EE7ADD	RGB 238 122 221	#EE7ADD
33.3%	33.3% #F186D8	RGB 241 134 216	#F186D8
50.0%	50.0% #F591D3	RGB 245 145 211	#F591D3
66.7%	66.7% #F89DCE	RGB 248 157 206	#F89DCE
83.3%	83.3% #FBA8C9	RGB 251 168 201	#FBA8C9
100.0%	100.0% #FFB4C5	RGB 255 180 197	#FFB4C5

#EB6FE2 #EE7ADD #F186D8 #F591D3 #F89DCE #FBA8C9 #FFB4C5

#EB6FE2 - #FFB4C5

HSV Blend

#EB6FE2 - #FFB4C5 | 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 #EB6FE2 as 0% and #FFB4C5 as 100%.

0.0%	0.0% #EB6FE2	RGB 235 111 226	#EB6FE2
16.7%	16.7% #EE79D8	RGB 238 121 216	#EE79D8
33.3%	33.3% #F184D0	RGB 241 132 208	#F184D0
50.0%	50.0% #F590CA	RGB 245 144 202	#F590CA
66.7%	66.7% #F89BC6	RGB 248 155 198	#F89BC6
83.3%	83.3% #FBA7C4	RGB 251 167 196	#FBA7C4
100.0%	100.0% #FFB4C5	RGB 255 180 197	#FFB4C5

#EB6FE2 #EE79D8 #F184D0 #F590CA #F89BC6 #FBA7C4 #FFB4C5

#EB6FE2 - #F590CA - #FFB4C5

CSS codes

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

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