#E2B7D9 - #40343E | 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 #E2B7D9 to #40343E

#E2B7D9 #40343E

Calculate the color between two colors, #E2B7D9 and #40343E. 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)

#E2B7D9 - #40343E | 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 #E2B7D9 as 0% and #40343E as 100%.

0.0%	0.0% #E2B7D9	RGB 226 183 217	#E2B7D9
16.7%	16.7% #C7A1BF	RGB 199 161 191	#C7A1BF
33.3%	33.3% #AC8BA5	RGB 172 139 165	#AC8BA5
50.0%	50.0% #91758B	RGB 145 117 139	#91758B
66.7%	66.7% #765F71	RGB 118 95 113	#765F71
83.3%	83.3% #5B4957	RGB 91 73 87	#5B4957
100.0%	100.0% #40343E	RGB 64 52 62	#40343E

#E2B7D9 #C7A1BF #AC8BA5 #91758B #765F71 #5B4957 #40343E

#E2B7D9 - #40343E

HSV Blend

#E2B7D9 - #40343E | 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 #E2B7D9 as 0% and #40343E as 100%.

0.0%	0.0% #E2B7D9	RGB 226 183 217	#E2B7D9
16.7%	16.7% #C7A1BF	RGB 199 161 191	#C7A1BF
33.3%	33.3% #AC8BA5	RGB 172 139 165	#AC8BA5
50.0%	50.0% #91758B	RGB 145 117 139	#91758B
66.7%	66.7% #765F71	RGB 118 95 113	#765F71
83.3%	83.3% #5B4958	RGB 91 73 88	#5B4958
100.0%	100.0% #40343E	RGB 64 52 62	#40343E

#E2B7D9 #C7A1BF #AC8BA5 #91758B #765F71 #5B4958 #40343E

#E2B7D9 - #91758B - #40343E

CSS codes

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

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