#4E3E74 - #8C819C | 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 #4E3E74 to #8C819C

#4E3E74 #8C819C

Calculate the color between two colors, #4E3E74 and #8C819C. 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)

#4E3E74 - #8C819C | 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 #4E3E74 as 0% and #8C819C as 100%.

0.0%	0.0% #4E3E74	RGB 78 62 116	#4E3E74
16.7%	16.7% #58497A	RGB 88 73 122	#58497A
33.3%	33.3% #625481	RGB 98 84 129	#625481
50.0%	50.0% #6D5F88	RGB 109 95 136	#6D5F88
66.7%	66.7% #776A8E	RGB 119 106 142	#776A8E
83.3%	83.3% #817595	RGB 129 117 149	#817595
100.0%	100.0% #8C819C	RGB 140 129 156	#8C819C

#4E3E74 #58497A #625481 #6D5F88 #776A8E #817595 #8C819C

#4E3E74 - #8C819C

HSV Blend

#4E3E74 - #8C819C | 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 #4E3E74 as 0% and #8C819C as 100%.

0.0%	0.0% #4E3E74	RGB 78 62 116	#4E3E74
16.7%	16.7% #57477A	RGB 87 71 122	#57477A
33.3%	33.3% #615181	RGB 97 81 129	#615181
50.0%	50.0% #6B5C88	RGB 107 92 136	#6B5C88
66.7%	66.7% #76688E	RGB 118 104 142	#76688E
83.3%	83.3% #817495	RGB 129 116 149	#817495
100.0%	100.0% #8C819C	RGB 140 129 156	#8C819C

#4E3E74 #57477A #615181 #6B5C88 #76688E #817495 #8C819C

#4E3E74 - #6B5C88 - #8C819C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3E74 0%, #6B5C88 50%, #8C819C 100%);
    background: -webkit-linear-gradient(top, #4E3E74 0%, #6B5C88 50%, #8C819C 100%);
    background: linear-gradient(to bottom, #4E3E74 0%, #6B5C88 50%, #8C819C 100%);
}
</style>