#E5A0D9 - #412D3D | 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 #E5A0D9 to #412D3D

#E5A0D9 #412D3D

Calculate the color between two colors, #E5A0D9 and #412D3D. 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)

#E5A0D9 - #412D3D | 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 #E5A0D9 as 0% and #412D3D as 100%.

0.0%	0.0% #E5A0D9	RGB 229 160 217	#E5A0D9
16.7%	16.7% #C98CBF	RGB 201 140 191	#C98CBF
33.3%	33.3% #AE79A5	RGB 174 121 165	#AE79A5
50.0%	50.0% #93668B	RGB 147 102 139	#93668B
66.7%	66.7% #775371	RGB 119 83 113	#775371
83.3%	83.3% #5C4057	RGB 92 64 87	#5C4057
100.0%	100.0% #412D3D	RGB 65 45 61	#412D3D

#E5A0D9 #C98CBF #AE79A5 #93668B #775371 #5C4057 #412D3D

#E5A0D9 - #412D3D

HSV Blend

#E5A0D9 - #412D3D | 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 #E5A0D9 as 0% and #412D3D as 100%.

0.0%	0.0% #E5A0D9	RGB 229 160 217	#E5A0D9
16.7%	16.7% #C98CBE	RGB 201 140 190	#C98CBE
33.3%	33.3% #AE79A4	RGB 174 121 164	#AE79A4
50.0%	50.0% #93668A	RGB 147 102 138	#93668A
66.7%	66.7% #775370	RGB 119 83 112	#775370
83.3%	83.3% #5C4056	RGB 92 64 86	#5C4056
100.0%	100.0% #412D3D	RGB 65 45 61	#412D3D

#E5A0D9 #C98CBE #AE79A4 #93668A #775370 #5C4056 #412D3D

#E5A0D9 - #93668A - #412D3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5A0D9 0%, #93668A 50%, #412D3D 100%);
    background: -webkit-linear-gradient(top, #E5A0D9 0%, #93668A 50%, #412D3D 100%);
    background: linear-gradient(to bottom, #E5A0D9 0%, #93668A 50%, #412D3D 100%);
}
</style>