#574F5E - #CECCD1 | 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 #574F5E to #CECCD1

#574F5E #CECCD1

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

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

0.0%	0.0% #574F5E	RGB 87 79 94	#574F5E
16.7%	16.7% #6A6371	RGB 106 99 113	#6A6371
33.3%	33.3% #7E7884	RGB 126 120 132	#7E7884
50.0%	50.0% #928D97	RGB 146 141 151	#928D97
66.7%	66.7% #A6A2AA	RGB 166 162 170	#A6A2AA
83.3%	83.3% #BAB7BD	RGB 186 183 189	#BAB7BD
100.0%	100.0% #CECCD1	RGB 206 204 209	#CECCD1

#574F5E #6A6371 #7E7884 #928D97 #A6A2AA #BAB7BD #CECCD1

#574F5E - #CECCD1

HSV Blend

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

0.0%	0.0% #574F5E	RGB 87 79 94	#574F5E
16.7%	16.7% #696171	RGB 105 97 113	#696171
33.3%	33.3% #7C7584	RGB 124 117 132	#7C7584
50.0%	50.0% #908997	RGB 144 137 151	#908997
66.7%	66.7% #A49EAA	RGB 164 158 170	#A49EAA
83.3%	83.3% #B8B5BD	RGB 184 181 189	#B8B5BD
100.0%	100.0% #CECCD1	RGB 206 204 209	#CECCD1

#574F5E #696171 #7C7584 #908997 #A49EAA #B8B5BD #CECCD1

#574F5E - #908997 - #CECCD1

CSS codes

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

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