#41515E - #8C78D0 | 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 #41515E to #8C78D0

#41515E #8C78D0

Calculate the color between two colors, #41515E and #8C78D0. 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)

#41515E - #8C78D0 | 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 #41515E as 0% and #8C78D0 as 100%.

0.0%	0.0% #41515E	RGB 65 81 94	#41515E
16.7%	16.7% #4D5771	RGB 77 87 113	#4D5771
33.3%	33.3% #5A5E84	RGB 90 94 132	#5A5E84
50.0%	50.0% #666497	RGB 102 100 151	#666497
66.7%	66.7% #736BAA	RGB 115 107 170	#736BAA
83.3%	83.3% #7F71BD	RGB 127 113 189	#7F71BD
100.0%	100.0% #8C78D0	RGB 140 120 208	#8C78D0

#41515E #4D5771 #5A5E84 #666497 #736BAA #7F71BD #8C78D0

#41515E - #8C78D0

HSV Blend

#41515E - #8C78D0 | 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 #41515E as 0% and #8C78D0 as 100%.

0.0%	0.0% #41515E	RGB 65 81 94	#41515E
16.7%	16.7% #4B5B71	RGB 75 91 113	#4B5B71
33.3%	33.3% #566384	RGB 86 99 132	#566384
50.0%	50.0% #5F6897	RGB 95 104 151	#5F6897
66.7%	66.7% #686AAA	RGB 104 106 170	#686AAA
83.3%	83.3% #7870BD	RGB 120 112 189	#7870BD
100.0%	100.0% #8C78D0	RGB 140 120 208	#8C78D0

#41515E #4B5B71 #566384 #5F6897 #686AAA #7870BD #8C78D0

#41515E - #5F6897 - #8C78D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41515E 0%, #5F6897 50%, #8C78D0 100%);
    background: -webkit-linear-gradient(top, #41515E 0%, #5F6897 50%, #8C78D0 100%);
    background: linear-gradient(to bottom, #41515E 0%, #5F6897 50%, #8C78D0 100%);
}
</style>