#552B5E - #070B17 | 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 #552B5E to #070B17

#552B5E #070B17

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

#552B5E - #070B17 | 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 #552B5E as 0% and #070B17 as 100%.

0.0%	0.0% #552B5E	RGB 85 43 94	#552B5E
16.7%	16.7% #482552	RGB 72 37 82	#482552
33.3%	33.3% #3B2046	RGB 59 32 70	#3B2046
50.0%	50.0% #2E1B3A	RGB 46 27 58	#2E1B3A
66.7%	66.7% #20152E	RGB 32 21 46	#20152E
83.3%	83.3% #141022	RGB 20 16 34	#141022
100.0%	100.0% #070B17	RGB 7 11 23	#070B17

#552B5E #482552 #3B2046 #2E1B3A #20152E #141022 #070B17

#552B5E - #070B17

HSV Blend

#552B5E - #070B17 | 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 #552B5E as 0% and #070B17 as 100%.

0.0%	0.0% #552B5E	RGB 85 43 94	#552B5E
16.7%	16.7% #412352	RGB 65 35 82	#412352
33.3%	33.3% #301C46	RGB 48 28 70	#301C46
50.0%	50.0% #20163A	RGB 32 22 58	#20163A
66.7%	66.7% #13102E	RGB 19 16 46	#13102E
83.3%	83.3% #0B0D22	RGB 11 13 34	#0B0D22
100.0%	100.0% #070B17	RGB 7 11 23	#070B17

#552B5E #412352 #301C46 #20163A #13102E #0B0D22 #070B17

#552B5E - #20163A - #070B17

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552B5E 0%, #20163A 50%, #070B17 100%);
    background: -webkit-linear-gradient(top, #552B5E 0%, #20163A 50%, #070B17 100%);
    background: linear-gradient(to bottom, #552B5E 0%, #20163A 50%, #070B17 100%);
}
</style>