#574D5E - #6E92B2 | 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 #574D5E to #6E92B2

#574D5E #6E92B2

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

#574D5E - #6E92B2 | 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 #574D5E as 0% and #6E92B2 as 100%.

0.0%	0.0% #574D5E	RGB 87 77 94	#574D5E
16.7%	16.7% #5A586C	RGB 90 88 108	#5A586C
33.3%	33.3% #5E647A	RGB 94 100 122	#5E647A
50.0%	50.0% #626F88	RGB 98 111 136	#626F88
66.7%	66.7% #667B96	RGB 102 123 150	#667B96
83.3%	83.3% #6A86A4	RGB 106 134 164	#6A86A4
100.0%	100.0% #6E92B2	RGB 110 146 178	#6E92B2

#574D5E #5A586C #5E647A #626F88 #667B96 #6A86A4 #6E92B2

#574D5E - #6E92B2

HSV Blend

#574D5E - #6E92B2 | 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 #574D5E as 0% and #6E92B2 as 100%.

0.0%	0.0% #574D5E	RGB 87 77 94	#574D5E
16.7%	16.7% #5E546C	RGB 94 84 108	#5E546C
33.3%	33.3% #625B7A	RGB 98 91 122	#625B7A
50.0%	50.0% #626188	RGB 98 97 136	#626188
66.7%	66.7% #666E96	RGB 102 110 150	#666E96
83.3%	83.3% #6A7EA4	RGB 106 126 164	#6A7EA4
100.0%	100.0% #6E92B2	RGB 110 146 178	#6E92B2

#574D5E #5E546C #625B7A #626188 #666E96 #6A7EA4 #6E92B2

#574D5E - #626188 - #6E92B2

CSS codes

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

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