#552D5C - #8C8C94 | 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 #552D5C to #8C8C94

#552D5C #8C8C94

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

#552D5C - #8C8C94 | 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 #552D5C as 0% and #8C8C94 as 100%.

0.0%	0.0% #552D5C	RGB 85 45 92	#552D5C
16.7%	16.7% #5E3C65	RGB 94 60 101	#5E3C65
33.3%	33.3% #674C6E	RGB 103 76 110	#674C6E
50.0%	50.0% #705C78	RGB 112 92 120	#705C78
66.7%	66.7% #796C81	RGB 121 108 129	#796C81
83.3%	83.3% #827C8A	RGB 130 124 138	#827C8A
100.0%	100.0% #8C8C94	RGB 140 140 148	#8C8C94

#552D5C #5E3C65 #674C6E #705C78 #796C81 #827C8A #8C8C94

#552D5C - #8C8C94

HSV Blend

#552D5C - #8C8C94 | 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 #552D5C as 0% and #8C8C94 as 100%.

0.0%	0.0% #552D5C	RGB 85 45 92	#552D5C
16.7%	16.7% #583965	RGB 88 57 101	#583965
33.3%	33.3% #5D466E	RGB 93 70 110	#5D466E
50.0%	50.0% #645678	RGB 100 86 120	#645678
66.7%	66.7% #6E6681	RGB 110 102 129	#6E6681
83.3%	83.3% #7B788A	RGB 123 120 138	#7B788A
100.0%	100.0% #8C8C94	RGB 140 140 148	#8C8C94

#552D5C #583965 #5D466E #645678 #6E6681 #7B788A #8C8C94

#552D5C - #645678 - #8C8C94

CSS codes

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

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