#554D52 - #CECCCE | 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 #554D52 to #CECCCE

#554D52 #CECCCE

Calculate the color between two colors, #554D52 and #CECCCE. 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)

#554D52 - #CECCCE | 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 #554D52 as 0% and #CECCCE as 100%.

0.0%	0.0% #554D52	RGB 85 77 82	#554D52
16.7%	16.7% #696266	RGB 105 98 102	#696266
33.3%	33.3% #7D777B	RGB 125 119 123	#7D777B
50.0%	50.0% #918C90	RGB 145 140 144	#918C90
66.7%	66.7% #A5A1A4	RGB 165 161 164	#A5A1A4
83.3%	83.3% #B9B6B9	RGB 185 182 185	#B9B6B9
100.0%	100.0% #CECCCE	RGB 206 204 206	#CECCCE

#554D52 #696266 #7D777B #918C90 #A5A1A4 #B9B6B9 #CECCCE

#554D52 - #CECCCE

HSV Blend

#554D52 - #CECCCE | 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 #554D52 as 0% and #CECCCE as 100%.

0.0%	0.0% #554D52	RGB 85 77 82	#554D52
16.7%	16.7% #696066	RGB 105 96 102	#696066
33.3%	33.3% #7D757B	RGB 125 117 123	#7D757B
50.0%	50.0% #918990	RGB 145 137 144	#918990
66.7%	66.7% #A59FA4	RGB 165 159 164	#A59FA4
83.3%	83.3% #B9B5B9	RGB 185 181 185	#B9B5B9
100.0%	100.0% #CECCCE	RGB 206 204 206	#CECCCE

#554D52 #696066 #7D757B #918990 #A59FA4 #B9B5B9 #CECCCE

#554D52 - #918990 - #CECCCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #554D52 0%, #918990 50%, #CECCCE 100%);
    background: -webkit-linear-gradient(top, #554D52 0%, #918990 50%, #CECCCE 100%);
    background: linear-gradient(to bottom, #554D52 0%, #918990 50%, #CECCCE 100%);
}
</style>