#E056B7 - #401834 | 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 #E056B7 to #401834

#E056B7 #401834

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

#E056B7 - #401834 | 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 #E056B7 as 0% and #401834 as 100%.

0.0%	0.0% #E056B7	RGB 224 86 183	#E056B7
16.7%	16.7% #C54BA1	RGB 197 75 161	#C54BA1
33.3%	33.3% #AA418B	RGB 170 65 139	#AA418B
50.0%	50.0% #903775	RGB 144 55 117	#903775
66.7%	66.7% #752C5F	RGB 117 44 95	#752C5F
83.3%	83.3% #5A2249	RGB 90 34 73	#5A2249
100.0%	100.0% #401834	RGB 64 24 52	#401834

#E056B7 #C54BA1 #AA418B #903775 #752C5F #5A2249 #401834

#E056B7 - #401834

HSV Blend

#E056B7 - #401834 | 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 #E056B7 as 0% and #401834 as 100%.

0.0%	0.0% #E056B7	RGB 224 86 183	#E056B7
16.7%	16.7% #C54BA1	RGB 197 75 161	#C54BA1
33.3%	33.3% #AA418B	RGB 170 65 139	#AA418B
50.0%	50.0% #903675	RGB 144 54 117	#903675
66.7%	66.7% #752C5F	RGB 117 44 95	#752C5F
83.3%	83.3% #5A2249	RGB 90 34 73	#5A2249
100.0%	100.0% #401834	RGB 64 24 52	#401834

#E056B7 #C54BA1 #AA418B #903675 #752C5F #5A2249 #401834

#E056B7 - #903675 - #401834

CSS codes

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

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