#415D79 - #8D80DF | 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 #415D79 to #8D80DF

#415D79 #8D80DF

Calculate the color between two colors, #415D79 and #8D80DF. 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)

#415D79 - #8D80DF | 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 #415D79 as 0% and #8D80DF as 100%.

0.0%	0.0% #415D79	RGB 65 93 121	#415D79
16.7%	16.7% #4D628A	RGB 77 98 138	#4D628A
33.3%	33.3% #5A689B	RGB 90 104 155	#5A689B
50.0%	50.0% #676EAC	RGB 103 110 172	#676EAC
66.7%	66.7% #7374BD	RGB 115 116 189	#7374BD
83.3%	83.3% #807ACE	RGB 128 122 206	#807ACE
100.0%	100.0% #8D80DF	RGB 141 128 223	#8D80DF

#415D79 #4D628A #5A689B #676EAC #7374BD #807ACE #8D80DF

#415D79 - #8D80DF

HSV Blend

#415D79 - #8D80DF | 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 #415D79 as 0% and #8D80DF as 100%.

0.0%	0.0% #415C79	RGB 65 92 121	#415C79
16.7%	16.7% #4A638A	RGB 74 99 138	#4A638A
33.3%	33.3% #55699B	RGB 85 105 155	#55699B
50.0%	50.0% #5F6DAC	RGB 95 109 172	#5F6DAC
66.7%	66.7% #6A70BD	RGB 106 112 189	#6A70BD
83.3%	83.3% #7774CE	RGB 119 116 206	#7774CE
100.0%	100.0% #8D80DF	RGB 141 128 223	#8D80DF

#415C79 #4A638A #55699B #5F6DAC #6A70BD #7774CE #8D80DF

#415D79 - #5F6DAC - #8D80DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #415C79 0%, #5F6DAC 50%, #8D80DF 100%);
    background: -webkit-linear-gradient(top, #415C79 0%, #5F6DAC 50%, #8D80DF 100%);
    background: linear-gradient(to bottom, #415C79 0%, #5F6DAC 50%, #8D80DF 100%);
}
</style>