#EC3FB5 - #FB6FC4 | 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 #EC3FB5 to #FB6FC4

#EC3FB5 #FB6FC4

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

#EC3FB5 - #FB6FC4 | 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 #EC3FB5 as 0% and #FB6FC4 as 100%.

0.0%	0.0% #EC3FB5	RGB 236 63 181	#EC3FB5
16.7%	16.7% #EE47B7	RGB 238 71 183	#EE47B7
33.3%	33.3% #F14FBA	RGB 241 79 186	#F14FBA
50.0%	50.0% #F357BC	RGB 243 87 188	#F357BC
66.7%	66.7% #F65FBF	RGB 246 95 191	#F65FBF
83.3%	83.3% #F867C1	RGB 248 103 193	#F867C1
100.0%	100.0% #FB6FC4	RGB 251 111 196	#FB6FC4

#EC3FB5 #EE47B7 #F14FBA #F357BC #F65FBF #F867C1 #FB6FC4

#EC3FB5 - #FB6FC4

HSV Blend

#EC3FB5 - #FB6FC4 | 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 #EC3FB5 as 0% and #FB6FC4 as 100%.

0.0%	0.0% #EC3FB4	RGB 236 63 180	#EC3FB4
16.7%	16.7% #EE46B7	RGB 238 70 183	#EE46B7
33.3%	33.3% #F14EB9	RGB 241 78 185	#F14EB9
50.0%	50.0% #F356BB	RGB 243 86 187	#F356BB
66.7%	66.7% #F65EBE	RGB 246 94 190	#F65EBE
83.3%	83.3% #F866C1	RGB 248 102 193	#F866C1
100.0%	100.0% #FB6FC4	RGB 251 111 196	#FB6FC4

#EC3FB4 #EE46B7 #F14EB9 #F356BB #F65EBE #F866C1 #FB6FC4

#EC3FB5 - #F356BB - #FB6FC4

CSS codes

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

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