#552D48 - #BC5E69 | 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 #552D48 to #BC5E69

#552D48 #BC5E69

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

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

0.0%	0.0% #552D48	RGB 85 45 72	#552D48
16.7%	16.7% #66354D	RGB 102 53 77	#66354D
33.3%	33.3% #773D53	RGB 119 61 83	#773D53
50.0%	50.0% #884558	RGB 136 69 88	#884558
66.7%	66.7% #994D5E	RGB 153 77 94	#994D5E
83.3%	83.3% #AA5563	RGB 170 85 99	#AA5563
100.0%	100.0% #BC5E69	RGB 188 94 105	#BC5E69

#552D48 #66354D #773D53 #884558 #994D5E #AA5563 #BC5E69

#552D48 - #BC5E69

HSV Blend

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

0.0%	0.0% #552D48	RGB 85 45 72	#552D48
16.7%	16.7% #663551	RGB 102 53 81	#663551
33.3%	33.3% #773E5A	RGB 119 62 90	#773E5A
50.0%	50.0% #884660	RGB 136 70 96	#884660
66.7%	66.7% #994E65	RGB 153 78 101	#994E65
83.3%	83.3% #AA5668	RGB 170 86 104	#AA5668
100.0%	100.0% #BC5E69	RGB 188 94 105	#BC5E69

#552D48 #663551 #773E5A #884660 #994E65 #AA5668 #BC5E69

#552D48 - #884660 - #BC5E69

CSS codes

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

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