#411C5E - #26053D | 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 #411C5E to #26053D

#411C5E #26053D

Calculate the color between two colors, #411C5E and #26053D. 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)

#411C5E - #26053D | 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 #411C5E as 0% and #26053D as 100%.

0.0%	0.0% #411C5E	RGB 65 28 94	#411C5E
16.7%	16.7% #3C1858	RGB 60 24 88	#3C1858
33.3%	33.3% #381453	RGB 56 20 83	#381453
50.0%	50.0% #33104D	RGB 51 16 77	#33104D
66.7%	66.7% #2F0C48	RGB 47 12 72	#2F0C48
83.3%	83.3% #2A0842	RGB 42 8 66	#2A0842
100.0%	100.0% #26053D	RGB 38 5 61	#26053D

#411C5E #3C1858 #381453 #33104D #2F0C48 #2A0842 #26053D

#411C5E - #26053D

HSV Blend

#411C5E - #26053D | 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 #411C5E as 0% and #26053D as 100%.

0.0%	0.0% #411C5E	RGB 65 28 94	#411C5E
16.7%	16.7% #3C1758	RGB 60 23 88	#3C1758
33.3%	33.3% #371253	RGB 55 18 83	#371253
50.0%	50.0% #320E4D	RGB 50 14 77	#320E4D
66.7%	66.7% #2E0B48	RGB 46 11 72	#2E0B48
83.3%	83.3% #2A0742	RGB 42 7 66	#2A0742
100.0%	100.0% #26053D	RGB 38 5 61	#26053D

#411C5E #3C1758 #371253 #320E4D #2E0B48 #2A0742 #26053D

#411C5E - #320E4D - #26053D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #411C5E 0%, #320E4D 50%, #26053D 100%);
    background: -webkit-linear-gradient(top, #411C5E 0%, #320E4D 50%, #26053D 100%);
    background: linear-gradient(to bottom, #411C5E 0%, #320E4D 50%, #26053D 100%);
}
</style>