#E49FD3 - #412D3C | 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 #E49FD3 to #412D3C

#E49FD3 #412D3C

Calculate the color between two colors, #E49FD3 and #412D3C. 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)

#E49FD3 - #412D3C | 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 #E49FD3 as 0% and #412D3C as 100%.

0.0%	0.0% #E49FD3	RGB 228 159 211	#E49FD3
16.7%	16.7% #C88CB9	RGB 200 140 185	#C88CB9
33.3%	33.3% #AD79A0	RGB 173 121 160	#AD79A0
50.0%	50.0% #926687	RGB 146 102 135	#926687
66.7%	66.7% #77536E	RGB 119 83 110	#77536E
83.3%	83.3% #5C4055	RGB 92 64 85	#5C4055
100.0%	100.0% #412D3C	RGB 65 45 60	#412D3C

#E49FD3 #C88CB9 #AD79A0 #926687 #77536E #5C4055 #412D3C

#E49FD3 - #412D3C

HSV Blend

#E49FD3 - #412D3C | 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 #E49FD3 as 0% and #412D3C as 100%.

0.0%	0.0% #E49FD3	RGB 228 159 211	#E49FD3
16.7%	16.7% #C88BB9	RGB 200 139 185	#C88BB9
33.3%	33.3% #AD78A0	RGB 173 120 160	#AD78A0
50.0%	50.0% #926587	RGB 146 101 135	#926587
66.7%	66.7% #77526E	RGB 119 82 110	#77526E
83.3%	83.3% #5C3F55	RGB 92 63 85	#5C3F55
100.0%	100.0% #412D3C	RGB 65 45 60	#412D3C

#E49FD3 #C88BB9 #AD78A0 #926587 #77526E #5C3F55 #412D3C

#E49FD3 - #926587 - #412D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E49FD3 0%, #926587 50%, #412D3C 100%);
    background: -webkit-linear-gradient(top, #E49FD3 0%, #926587 50%, #412D3C 100%);
    background: linear-gradient(to bottom, #E49FD3 0%, #926587 50%, #412D3C 100%);
}
</style>