#110821 - #4B2F5E | 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 #110821 to #4B2F5E

#110821 #4B2F5E

Calculate the color between two colors, #110821 and #4B2F5E. 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)

#110821 - #4B2F5E | 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 #110821 as 0% and #4B2F5E as 100%.

0.0%	0.0% #110821	RGB 17 8 33	#110821
16.7%	16.7% #1A0E2B	RGB 26 14 43	#1A0E2B
33.3%	33.3% #241535	RGB 36 21 53	#241535
50.0%	50.0% #2E1B3F	RGB 46 27 63	#2E1B3F
66.7%	66.7% #372249	RGB 55 34 73	#372249
83.3%	83.3% #412853	RGB 65 40 83	#412853
100.0%	100.0% #4B2F5E	RGB 75 47 94	#4B2F5E

#110821 #1A0E2B #241535 #2E1B3F #372249 #412853 #4B2F5E

#110821 - #4B2F5E

HSV Blend

#110821 - #4B2F5E | 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 #110821 as 0% and #4B2F5E as 100%.

0.0%	0.0% #110821	RGB 17 8 33	#110821
16.7%	16.7% #180C2B	RGB 24 12 43	#180C2B
33.3%	33.3% #211135	RGB 33 17 53	#211135
50.0%	50.0% #2A173F	RGB 42 23 63	#2A173F
66.7%	66.7% #341E49	RGB 52 30 73	#341E49
83.3%	83.3% #3F2653	RGB 63 38 83	#3F2653
100.0%	100.0% #4B2F5E	RGB 75 47 94	#4B2F5E

#110821 #180C2B #211135 #2A173F #341E49 #3F2653 #4B2F5E

#110821 - #2A173F - #4B2F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #110821 0%, #2A173F 50%, #4B2F5E 100%);
    background: -webkit-linear-gradient(top, #110821 0%, #2A173F 50%, #4B2F5E 100%);
    background: linear-gradient(to bottom, #110821 0%, #2A173F 50%, #4B2F5E 100%);
}
</style>