#554F49 - #CECCCB | 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 #554F49 to #CECCCB

#554F49 #CECCCB

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

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

0.0%	0.0% #554F49	RGB 85 79 73	#554F49
16.7%	16.7% #69635E	RGB 105 99 94	#69635E
33.3%	33.3% #7D7874	RGB 125 120 116	#7D7874
50.0%	50.0% #918D8A	RGB 145 141 138	#918D8A
66.7%	66.7% #A5A29F	RGB 165 162 159	#A5A29F
83.3%	83.3% #B9B7B5	RGB 185 183 181	#B9B7B5
100.0%	100.0% #CECCCB	RGB 206 204 203	#CECCCB

#554F49 #69635E #7D7874 #918D8A #A5A29F #B9B7B5 #CECCCB

#554F49 - #CECCCB

HSV Blend

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

0.0%	0.0% #554F49	RGB 85 79 73	#554F49
16.7%	16.7% #69625C	RGB 105 98 92	#69625C
33.3%	33.3% #7D7670	RGB 125 118 112	#7D7670
50.0%	50.0% #918A86	RGB 145 138 134	#918A86
66.7%	66.7% #A59F9C	RGB 165 159 156	#A59F9C
83.3%	83.3% #B9B5B3	RGB 185 181 179	#B9B5B3
100.0%	100.0% #CECCCB	RGB 206 204 203	#CECCCB

#554F49 #69625C #7D7670 #918A86 #A59F9C #B9B5B3 #CECCCB

#554F49 - #918A86 - #CECCCB

CSS codes

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

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