#561B5E - #190301 | 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 #561B5E to #190301

#561B5E #190301

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

#561B5E - #190301 | 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 #561B5E as 0% and #190301 as 100%.

0.0%	0.0% #561B5E	RGB 86 27 94	#561B5E
16.7%	16.7% #4B174E	RGB 75 23 78	#4B174E
33.3%	33.3% #41133F	RGB 65 19 63	#41133F
50.0%	50.0% #370F2F	RGB 55 15 47	#370F2F
66.7%	66.7% #2D0B1F	RGB 45 11 31	#2D0B1F
83.3%	83.3% #230710	RGB 35 7 16	#230710
100.0%	100.0% #190301	RGB 25 3 1	#190301

#561B5E #4B174E #41133F #370F2F #2D0B1F #230710 #190301

#561B5E - #190301

HSV Blend

#561B5E - #190301 | 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 #561B5E as 0% and #190301 as 100%.

0.0%	0.0% #551B5E	RGB 85 27 94	#551B5E
16.7%	16.7% #52144D	RGB 82 20 77	#52144D
33.3%	33.3% #470E37	RGB 71 14 55	#470E37
50.0%	50.0% #3B0923	RGB 59 9 35	#3B0923
66.7%	66.7% #300513	RGB 48 5 19	#300513
83.3%	83.3% #240206	RGB 36 2 6	#240206
100.0%	100.0% #190301	RGB 25 3 1	#190301

#551B5E #52144D #470E37 #3B0923 #300513 #240206 #190301

#561B5E - #3B0923 - #190301

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #551B5E 0%, #3B0923 50%, #190301 100%);
    background: -webkit-linear-gradient(top, #551B5E 0%, #3B0923 50%, #190301 100%);
    background: linear-gradient(to bottom, #551B5E 0%, #3B0923 50%, #190301 100%);
}
</style>