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

#E2B7DA #40343E

Calculate the color between two colors, #E2B7DA 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)

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

0.0%	0.0% #E2B7DA	RGB 226 183 218	#E2B7DA
16.7%	16.7% #C7A1C0	RGB 199 161 192	#C7A1C0
33.3%	33.3% #AC8BA6	RGB 172 139 166	#AC8BA6
50.0%	50.0% #91758C	RGB 145 117 140	#91758C
66.7%	66.7% #765F72	RGB 118 95 114	#765F72
83.3%	83.3% #5B4958	RGB 91 73 88	#5B4958
100.0%	100.0% #40343E	RGB 64 52 62	#40343E

#E2B7DA #C7A1C0 #AC8BA6 #91758C #765F72 #5B4958 #40343E

#E2B7DA - #40343E

HSV Blend

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

0.0%	0.0% #E2B7DA	RGB 226 183 218	#E2B7DA
16.7%	16.7% #C7A1C0	RGB 199 161 192	#C7A1C0
33.3%	33.3% #AC8BA6	RGB 172 139 166	#AC8BA6
50.0%	50.0% #91758C	RGB 145 117 140	#91758C
66.7%	66.7% #765F72	RGB 118 95 114	#765F72
83.3%	83.3% #5B4958	RGB 91 73 88	#5B4958
100.0%	100.0% #40343E	RGB 64 52 62	#40343E

#E2B7DA #C7A1C0 #AC8BA6 #91758C #765F72 #5B4958 #40343E

#E2B7DA - #91758C - #40343E

CSS codes

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

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