#E4CDF1 - #413A44 | 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 #E4CDF1 to #413A44

#E4CDF1 #413A44

Calculate the color between two colors, #E4CDF1 and #413A44. 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)

#E4CDF1 - #413A44 | 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 #E4CDF1 as 0% and #413A44 as 100%.

0.0%	0.0% #E4CDF1	RGB 228 205 241	#E4CDF1
16.7%	16.7% #C8B4D4	RGB 200 180 212	#C8B4D4
33.3%	33.3% #AD9CB7	RGB 173 156 183	#AD9CB7
50.0%	50.0% #92839A	RGB 146 131 154	#92839A
66.7%	66.7% #776B7D	RGB 119 107 125	#776B7D
83.3%	83.3% #5C5260	RGB 92 82 96	#5C5260
100.0%	100.0% #413A44	RGB 65 58 68	#413A44

#E4CDF1 #C8B4D4 #AD9CB7 #92839A #776B7D #5C5260 #413A44

#E4CDF1 - #413A44

HSV Blend

#E4CDF1 - #413A44 | 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 #E4CDF1 as 0% and #413A44 as 100%.

0.0%	0.0% #E4CDF1	RGB 228 205 241	#E4CDF1
16.7%	16.7% #C9B4D4	RGB 201 180 212	#C9B4D4
33.3%	33.3% #AE9CB7	RGB 174 156 183	#AE9CB7
50.0%	50.0% #92839A	RGB 146 131 154	#92839A
66.7%	66.7% #776B7D	RGB 119 107 125	#776B7D
83.3%	83.3% #5C5260	RGB 92 82 96	#5C5260
100.0%	100.0% #413A44	RGB 65 58 68	#413A44

#E4CDF1 #C9B4D4 #AE9CB7 #92839A #776B7D #5C5260 #413A44

#E4CDF1 - #92839A - #413A44

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E4CDF1 0%, #92839A 50%, #413A44 100%);
    background: -webkit-linear-gradient(top, #E4CDF1 0%, #92839A 50%, #413A44 100%);
    background: linear-gradient(to bottom, #E4CDF1 0%, #92839A 50%, #413A44 100%);
}
</style>