#E295A8 - #402A30 | 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 #E295A8 to #402A30

#E295A8 #402A30

Calculate the color between two colors, #E295A8 and #402A30. 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)

#E295A8 - #402A30 | 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 #E295A8 as 0% and #402A30 as 100%.

0.0%	0.0% #E295A8	RGB 226 149 168	#E295A8
16.7%	16.7% #C78394	RGB 199 131 148	#C78394
33.3%	33.3% #AC7180	RGB 172 113 128	#AC7180
50.0%	50.0% #915F6C	RGB 145 95 108	#915F6C
66.7%	66.7% #764D58	RGB 118 77 88	#764D58
83.3%	83.3% #5B3B44	RGB 91 59 68	#5B3B44
100.0%	100.0% #402A30	RGB 64 42 48	#402A30

#E295A8 #C78394 #AC7180 #915F6C #764D58 #5B3B44 #402A30

#E295A8 - #402A30

HSV Blend

#E295A8 - #402A30 | 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 #E295A8 as 0% and #402A30 as 100%.

0.0%	0.0% #E295A8	RGB 226 149 168	#E295A8
16.7%	16.7% #C78394	RGB 199 131 148	#C78394
33.3%	33.3% #AC7180	RGB 172 113 128	#AC7180
50.0%	50.0% #915F6C	RGB 145 95 108	#915F6C
66.7%	66.7% #764D58	RGB 118 77 88	#764D58
83.3%	83.3% #5B3B44	RGB 91 59 68	#5B3B44
100.0%	100.0% #402A30	RGB 64 42 48	#402A30

#E295A8 #C78394 #AC7180 #915F6C #764D58 #5B3B44 #402A30

#E295A8 - #915F6C - #402A30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E295A8 0%, #915F6C 50%, #402A30 100%);
    background: -webkit-linear-gradient(top, #E295A8 0%, #915F6C 50%, #402A30 100%);
    background: linear-gradient(to bottom, #E295A8 0%, #915F6C 50%, #402A30 100%);
}
</style>