#411F5E - #1A0206 | 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 #411F5E to #1A0206

#411F5E #1A0206

Calculate the color between two colors, #411F5E and #1A0206. 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)

#411F5E - #1A0206 | 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 #411F5E as 0% and #1A0206 as 100%.

0.0%	0.0% #411F5E	RGB 65 31 94	#411F5E
16.7%	16.7% #3A1A4F	RGB 58 26 79	#3A1A4F
33.3%	33.3% #341540	RGB 52 21 64	#341540
50.0%	50.0% #2D1032	RGB 45 16 50	#2D1032
66.7%	66.7% #270B23	RGB 39 11 35	#270B23
83.3%	83.3% #200614	RGB 32 6 20	#200614
100.0%	100.0% #1A0206	RGB 26 2 6	#1A0206

#411F5E #3A1A4F #341540 #2D1032 #270B23 #200614 #1A0206

#411F5E - #1A0206

HSV Blend

#411F5E - #1A0206 | 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 #411F5E as 0% and #1A0206 as 100%.

0.0%	0.0% #411F5E	RGB 65 31 94	#411F5E
16.7%	16.7% #441752	RGB 68 23 82	#441752
33.3%	33.3% #451147	RGB 69 17 71	#451147
50.0%	50.0% #3C0C33	RGB 60 12 51	#3C0C33
66.7%	66.7% #300720	RGB 48 7 32	#300720
83.3%	83.3% #250411	RGB 37 4 17	#250411
100.0%	100.0% #1A0206	RGB 26 2 6	#1A0206

#411F5E #441752 #451147 #3C0C33 #300720 #250411 #1A0206

#411F5E - #3C0C33 - #1A0206

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #411F5E 0%, #3C0C33 50%, #1A0206 100%);
    background: -webkit-linear-gradient(top, #411F5E 0%, #3C0C33 50%, #1A0206 100%);
    background: linear-gradient(to bottom, #411F5E 0%, #3C0C33 50%, #1A0206 100%);
}
</style>