#EF75A8 - #B4105B | 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 #EF75A8 to #B4105B

#EF75A8 #B4105B

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

#EF75A8 - #B4105B | 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 #EF75A8 as 0% and #B4105B as 100%.

0.0%	0.0% #EF75A8	RGB 239 117 168	#EF75A8
16.7%	16.7% #E5649B	RGB 229 100 155	#E5649B
33.3%	33.3% #DB538E	RGB 219 83 142	#DB538E
50.0%	50.0% #D14281	RGB 209 66 129	#D14281
66.7%	66.7% #C73174	RGB 199 49 116	#C73174
83.3%	83.3% #BD2067	RGB 189 32 103	#BD2067
100.0%	100.0% #B4105B	RGB 180 16 91	#B4105B

#EF75A8 #E5649B #DB538E #D14281 #C73174 #BD2067 #B4105B

#EF75A8 - #B4105B

HSV Blend

#EF75A8 - #B4105B | 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 #EF75A8 as 0% and #B4105B as 100%.

0.0%	0.0% #EF75A7	RGB 239 117 167	#EF75A7
16.7%	16.7% #E56099	RGB 229 96 153	#E56099
33.3%	33.3% #DB4E8A	RGB 219 78 138	#DB4E8A
50.0%	50.0% #D13C7D	RGB 209 60 125	#D13C7D
66.7%	66.7% #C72C71	RGB 199 44 113	#C72C71
83.3%	83.3% #BD1D65	RGB 189 29 101	#BD1D65
100.0%	100.0% #B4105B	RGB 180 16 91	#B4105B

#EF75A7 #E56099 #DB4E8A #D13C7D #C72C71 #BD1D65 #B4105B

#EF75A8 - #D13C7D - #B4105B

CSS codes

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

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