#E055A8 - #401830 | 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 #E055A8 to #401830

#E055A8 #401830

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

#E055A8 - #401830 | 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 #E055A8 as 0% and #401830 as 100%.

0.0%	0.0% #E055A8	RGB 224 85 168	#E055A8
16.7%	16.7% #C54A94	RGB 197 74 148	#C54A94
33.3%	33.3% #AA4080	RGB 170 64 128	#AA4080
50.0%	50.0% #90366C	RGB 144 54 108	#90366C
66.7%	66.7% #752C58	RGB 117 44 88	#752C58
83.3%	83.3% #5A2244	RGB 90 34 68	#5A2244
100.0%	100.0% #401830	RGB 64 24 48	#401830

#E055A8 #C54A94 #AA4080 #90366C #752C58 #5A2244 #401830

#E055A8 - #401830

HSV Blend

#E055A8 - #401830 | 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 #E055A8 as 0% and #401830 as 100%.

0.0%	0.0% #E055A8	RGB 224 85 168	#E055A8
16.7%	16.7% #C54A93	RGB 197 74 147	#C54A93
33.3%	33.3% #AA407F	RGB 170 64 127	#AA407F
50.0%	50.0% #90366B	RGB 144 54 107	#90366B
66.7%	66.7% #752C57	RGB 117 44 87	#752C57
83.3%	83.3% #5A2243	RGB 90 34 67	#5A2243
100.0%	100.0% #401830	RGB 64 24 48	#401830

#E055A8 #C54A93 #AA407F #90366B #752C57 #5A2243 #401830

#E055A8 - #90366B - #401830

CSS codes

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

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