#E4B9DA - #41343E | 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 #E4B9DA to #41343E

#E4B9DA #41343E

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

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

0.0%	0.0% #E4B9DA	RGB 228 185 218	#E4B9DA
16.7%	16.7% #C8A2C0	RGB 200 162 192	#C8A2C0
33.3%	33.3% #AD8CA6	RGB 173 140 166	#AD8CA6
50.0%	50.0% #92768C	RGB 146 118 140	#92768C
66.7%	66.7% #776072	RGB 119 96 114	#776072
83.3%	83.3% #5C4A58	RGB 92 74 88	#5C4A58
100.0%	100.0% #41343E	RGB 65 52 62	#41343E

#E4B9DA #C8A2C0 #AD8CA6 #92768C #776072 #5C4A58 #41343E

#E4B9DA - #41343E

HSV Blend

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

0.0%	0.0% #E4B9DA	RGB 228 185 218	#E4B9DA
16.7%	16.7% #C8A2BF	RGB 200 162 191	#C8A2BF
33.3%	33.3% #AD8CA5	RGB 173 140 165	#AD8CA5
50.0%	50.0% #92768B	RGB 146 118 139	#92768B
66.7%	66.7% #775F71	RGB 119 95 113	#775F71
83.3%	83.3% #5C4957	RGB 92 73 87	#5C4957
100.0%	100.0% #41343E	RGB 65 52 62	#41343E

#E4B9DA #C8A2BF #AD8CA5 #92768B #775F71 #5C4957 #41343E

#E4B9DA - #92768B - #41343E

CSS codes

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

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