#E76B9F - #421E2D | 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 #E76B9F to #421E2D

#E76B9F #421E2D

Calculate the color between two colors, #E76B9F and #421E2D. 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)

#E76B9F - #421E2D | 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 #E76B9F as 0% and #421E2D as 100%.

0.0%	0.0% #E76B9F	RGB 231 107 159	#E76B9F
16.7%	16.7% #CB5E8C	RGB 203 94 140	#CB5E8C
33.3%	33.3% #B05179	RGB 176 81 121	#B05179
50.0%	50.0% #944466	RGB 148 68 102	#944466
66.7%	66.7% #793753	RGB 121 55 83	#793753
83.3%	83.3% #5D2A40	RGB 93 42 64	#5D2A40
100.0%	100.0% #421E2D	RGB 66 30 45	#421E2D

#E76B9F #CB5E8C #B05179 #944466 #793753 #5D2A40 #421E2D

#E76B9F - #421E2D

HSV Blend

#E76B9F - #421E2D | 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 #E76B9F as 0% and #421E2D as 100%.

0.0%	0.0% #E76B9F	RGB 231 107 159	#E76B9F
16.7%	16.7% #CB5D8B	RGB 203 93 139	#CB5D8B
33.3%	33.3% #B05178	RGB 176 81 120	#B05178
50.0%	50.0% #944465	RGB 148 68 101	#944465
66.7%	66.7% #793752	RGB 121 55 82	#793752
83.3%	83.3% #5D2A3F	RGB 93 42 63	#5D2A3F
100.0%	100.0% #421E2D	RGB 66 30 45	#421E2D

#E76B9F #CB5D8B #B05178 #944465 #793752 #5D2A3F #421E2D

#E76B9F - #944465 - #421E2D

CSS codes

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

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