#574C7E - #E78FA2 | 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 #574C7E to #E78FA2

#574C7E #E78FA2

Calculate the color between two colors, #574C7E and #E78FA2. 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)

#574C7E - #E78FA2 | 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 #574C7E as 0% and #E78FA2 as 100%.

0.0%	0.0% #574C7E	RGB 87 76 126	#574C7E
16.7%	16.7% #6F5784	RGB 111 87 132	#6F5784
33.3%	33.3% #87628A	RGB 135 98 138	#87628A
50.0%	50.0% #9F6D90	RGB 159 109 144	#9F6D90
66.7%	66.7% #B77896	RGB 183 120 150	#B77896
83.3%	83.3% #CF839C	RGB 207 131 156	#CF839C
100.0%	100.0% #E78FA2	RGB 231 143 162	#E78FA2

#574C7E #6F5784 #87628A #9F6D90 #B77896 #CF839C #E78FA2

#574C7E - #E78FA2

HSV Blend

#574C7E - #E78FA2 | 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 #574C7E as 0% and #E78FA2 as 100%.

0.0%	0.0% #574C7E	RGB 87 76 126	#574C7E
16.7%	16.7% #72568F	RGB 114 86 143	#72568F
33.3%	33.3% #9061A1	RGB 144 97 161	#9061A1
50.0%	50.0% #B26DB2	RGB 178 109 178	#B26DB2
66.7%	66.7% #C478B0	RGB 196 120 176	#C478B0
83.3%	83.3% #D583AA	RGB 213 131 170	#D583AA
100.0%	100.0% #E78FA2	RGB 231 143 162	#E78FA2

#574C7E #72568F #9061A1 #B26DB2 #C478B0 #D583AA #E78FA2

#574C7E - #B26DB2 - #E78FA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #574C7E 0%, #B26DB2 50%, #E78FA2 100%);
    background: -webkit-linear-gradient(top, #574C7E 0%, #B26DB2 50%, #E78FA2 100%);
    background: linear-gradient(to bottom, #574C7E 0%, #B26DB2 50%, #E78FA2 100%);
}
</style>