#1B0224 - #522D5E | 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 #1B0224 to #522D5E

#1B0224 #522D5E

Calculate the color between two colors, #1B0224 and #522D5E. 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)

#1B0224 - #522D5E | 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 #1B0224 as 0% and #522D5E as 100%.

0.0%	0.0% #1B0224	RGB 27 2 36	#1B0224
16.7%	16.7% #24092D	RGB 36 9 45	#24092D
33.3%	33.3% #2D1037	RGB 45 16 55	#2D1037
50.0%	50.0% #361741	RGB 54 23 65	#361741
66.7%	66.7% #3F1E4A	RGB 63 30 74	#3F1E4A
83.3%	83.3% #482554	RGB 72 37 84	#482554
100.0%	100.0% #522D5E	RGB 82 45 94	#522D5E

#1B0224 #24092D #2D1037 #361741 #3F1E4A #482554 #522D5E

#1B0224 - #522D5E

HSV Blend

#1B0224 - #522D5E | 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 #1B0224 as 0% and #522D5E as 100%.

0.0%	0.0% #1B0224	RGB 27 2 36	#1B0224
16.7%	16.7% #23052D	RGB 35 5 45	#23052D
33.3%	33.3% #2B0A37	RGB 43 10 55	#2B0A37
50.0%	50.0% #341141	RGB 52 17 65	#341141
66.7%	66.7% #3E194A	RGB 62 25 74	#3E194A
83.3%	83.3% #472254	RGB 71 34 84	#472254
100.0%	100.0% #522D5E	RGB 82 45 94	#522D5E

#1B0224 #23052D #2B0A37 #341141 #3E194A #472254 #522D5E

#1B0224 - #341141 - #522D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B0224 0%, #341141 50%, #522D5E 100%);
    background: -webkit-linear-gradient(top, #1B0224 0%, #341141 50%, #522D5E 100%);
    background: linear-gradient(to bottom, #1B0224 0%, #341141 50%, #522D5E 100%);
}
</style>