#E3A8D9 - #40303D | 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 #E3A8D9 to #40303D

#E3A8D9 #40303D

Calculate the color between two colors, #E3A8D9 and #40303D. 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)

#E3A8D9 - #40303D | 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 #E3A8D9 as 0% and #40303D as 100%.

0.0%	0.0% #E3A8D9	RGB 227 168 217	#E3A8D9
16.7%	16.7% #C794BF	RGB 199 148 191	#C794BF
33.3%	33.3% #AC80A5	RGB 172 128 165	#AC80A5
50.0%	50.0% #916C8B	RGB 145 108 139	#916C8B
66.7%	66.7% #765871	RGB 118 88 113	#765871
83.3%	83.3% #5B4457	RGB 91 68 87	#5B4457
100.0%	100.0% #40303D	RGB 64 48 61	#40303D

#E3A8D9 #C794BF #AC80A5 #916C8B #765871 #5B4457 #40303D

#E3A8D9 - #40303D

HSV Blend

#E3A8D9 - #40303D | 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 #E3A8D9 as 0% and #40303D as 100%.

0.0%	0.0% #E3A8D9	RGB 227 168 217	#E3A8D9
16.7%	16.7% #C794BE	RGB 199 148 190	#C794BE
33.3%	33.3% #AC80A4	RGB 172 128 164	#AC80A4
50.0%	50.0% #916C8A	RGB 145 108 138	#916C8A
66.7%	66.7% #765870	RGB 118 88 112	#765870
83.3%	83.3% #5B4456	RGB 91 68 86	#5B4456
100.0%	100.0% #40303D	RGB 64 48 61	#40303D

#E3A8D9 #C794BE #AC80A4 #916C8A #765870 #5B4456 #40303D

#E3A8D9 - #916C8A - #40303D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E3A8D9 0%, #916C8A 50%, #40303D 100%);
    background: -webkit-linear-gradient(top, #E3A8D9 0%, #916C8A 50%, #40303D 100%);
    background: linear-gradient(to bottom, #E3A8D9 0%, #916C8A 50%, #40303D 100%);
}
</style>