#544040 - #CEC8C8 | 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 #544040 to #CEC8C8

#544040 #CEC8C8

Calculate the color between two colors, #544040 and #CEC8C8. 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)

#544040 - #CEC8C8 | 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 #544040 as 0% and #CEC8C8 as 100%.

0.0%	0.0% #544040	RGB 84 64 64	#544040
16.7%	16.7% #685656	RGB 104 86 86	#685656
33.3%	33.3% #7C6D6D	RGB 124 109 109	#7C6D6D
50.0%	50.0% #918484	RGB 145 132 132	#918484
66.7%	66.7% #A59A9A	RGB 165 154 154	#A59A9A
83.3%	83.3% #B9B1B1	RGB 185 177 177	#B9B1B1
100.0%	100.0% #CEC8C8	RGB 206 200 200	#CEC8C8

#544040 #685656 #7C6D6D #918484 #A59A9A #B9B1B1 #CEC8C8

#544040 - #CEC8C8

HSV Blend

#544040 - #CEC8C8 | 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 #544040 as 0% and #CEC8C8 as 100%.

0.0%	0.0% #544040	RGB 84 64 64	#544040
16.7%	16.7% #685353	RGB 104 83 83	#685353
33.3%	33.3% #7C6767	RGB 124 103 103	#7C6767
50.0%	50.0% #917D7D	RGB 145 125 125	#917D7D
66.7%	66.7% #A59595	RGB 165 149 149	#A59595
83.3%	83.3% #B9ADAD	RGB 185 173 173	#B9ADAD
100.0%	100.0% #CEC8C8	RGB 206 200 200	#CEC8C8

#544040 #685353 #7C6767 #917D7D #A59595 #B9ADAD #CEC8C8

#544040 - #917D7D - #CEC8C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #544040 0%, #917D7D 50%, #CEC8C8 100%);
    background: -webkit-linear-gradient(top, #544040 0%, #917D7D 50%, #CEC8C8 100%);
    background: linear-gradient(to bottom, #544040 0%, #917D7D 50%, #CEC8C8 100%);
}
</style>