#EF3CD1 - #FFB3D4 | 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 #EF3CD1 to #FFB3D4

#EF3CD1 #FFB3D4

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

#EF3CD1 - #FFB3D4 | 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 #EF3CD1 as 0% and #FFB3D4 as 100%.

0.0%	0.0% #EF3CD1	RGB 239 60 209	#EF3CD1
16.7%	16.7% #F14FD1	RGB 241 79 209	#F14FD1
33.3%	33.3% #F463D2	RGB 244 99 210	#F463D2
50.0%	50.0% #F777D2	RGB 247 119 210	#F777D2
66.7%	66.7% #F98BD3	RGB 249 139 211	#F98BD3
83.3%	83.3% #FC9FD3	RGB 252 159 211	#FC9FD3
100.0%	100.0% #FFB3D4	RGB 255 179 212	#FFB3D4

#EF3CD1 #F14FD1 #F463D2 #F777D2 #F98BD3 #FC9FD3 #FFB3D4

#EF3CD1 - #FFB3D4

HSV Blend

#EF3CD1 - #FFB3D4 | 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 #EF3CD1 as 0% and #FFB3D4 as 100%.

0.0%	0.0% #EF3CD0	RGB 239 60 208	#EF3CD0
16.7%	16.7% #F14ECB	RGB 241 78 203	#F14ECB
33.3%	33.3% #F462C8	RGB 244 98 200	#F462C8
50.0%	50.0% #F775C7	RGB 247 117 199	#F775C7
66.7%	66.7% #F989C9	RGB 249 137 201	#F989C9
83.3%	83.3% #FC9ECD	RGB 252 158 205	#FC9ECD
100.0%	100.0% #FFB3D4	RGB 255 179 212	#FFB3D4

#EF3CD0 #F14ECB #F462C8 #F775C7 #F989C9 #FC9ECD #FFB3D4

#EF3CD1 - #F775C7 - #FFB3D4

CSS codes

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

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