#552E2D - #CEC3C3 | 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 #552E2D to #CEC3C3

#552E2D #CEC3C3

Calculate the color between two colors, #552E2D and #CEC3C3. 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)

#552E2D - #CEC3C3 | 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 #552E2D as 0% and #CEC3C3 as 100%.

0.0%	0.0% #552E2D	RGB 85 46 45	#552E2D
16.7%	16.7% #694646	RGB 105 70 70	#694646
33.3%	33.3% #7D5F5F	RGB 125 95 95	#7D5F5F
50.0%	50.0% #917878	RGB 145 120 120	#917878
66.7%	66.7% #A59191	RGB 165 145 145	#A59191
83.3%	83.3% #B9AAAA	RGB 185 170 170	#B9AAAA
100.0%	100.0% #CEC3C3	RGB 206 195 195	#CEC3C3

#552E2D #694646 #7D5F5F #917878 #A59191 #B9AAAA #CEC3C3

#552E2D - #CEC3C3

HSV Blend

#552E2D - #CEC3C3 | 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 #552E2D as 0% and #CEC3C3 as 100%.

0.0%	0.0% #552E2D	RGB 85 46 45	#552E2D
16.7%	16.7% #693F3E	RGB 105 63 62	#693F3E
33.3%	33.3% #7D5453	RGB 125 84 83	#7D5453
50.0%	50.0% #916B6B	RGB 145 107 107	#916B6B
66.7%	66.7% #A58685	RGB 165 134 133	#A58685
83.3%	83.3% #B9A3A2	RGB 185 163 162	#B9A3A2
100.0%	100.0% #CEC3C3	RGB 206 195 195	#CEC3C3

#552E2D #693F3E #7D5453 #916B6B #A58685 #B9A3A2 #CEC3C3

#552E2D - #916B6B - #CEC3C3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552E2D 0%, #916B6B 50%, #CEC3C3 100%);
    background: -webkit-linear-gradient(top, #552E2D 0%, #916B6B 50%, #CEC3C3 100%);
    background: linear-gradient(to bottom, #552E2D 0%, #916B6B 50%, #CEC3C3 100%);
}
</style>