#415D8D - #5E81EF | 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 #415D8D to #5E81EF

#415D8D #5E81EF

Calculate the color between two colors, #415D8D and #5E81EF. 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)

#415D8D - #5E81EF | 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 #415D8D as 0% and #5E81EF as 100%.

0.0%	0.0% #415D8D	RGB 65 93 141	#415D8D
16.7%	16.7% #45639D	RGB 69 99 157	#45639D
33.3%	33.3% #4A69AD	RGB 74 105 173	#4A69AD
50.0%	50.0% #4F6FBE	RGB 79 111 190	#4F6FBE
66.7%	66.7% #5475CE	RGB 84 117 206	#5475CE
83.3%	83.3% #597BDE	RGB 89 123 222	#597BDE
100.0%	100.0% #5E81EF	RGB 94 129 239	#5E81EF

#415D8D #45639D #4A69AD #4F6FBE #5475CE #597BDE #5E81EF

#415D8D - #5E81EF

HSV Blend

#415D8D - #5E81EF | 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 #415D8D as 0% and #5E81EF as 100%.

0.0%	0.0% #415D8D	RGB 65 93 141	#415D8D
16.7%	16.7% #46649D	RGB 70 100 157	#46649D
33.3%	33.3% #4C6BAD	RGB 76 107 173	#4C6BAD
50.0%	50.0% #5172BE	RGB 81 114 190	#5172BE
66.7%	66.7% #5578CE	RGB 85 120 206	#5578CE
83.3%	83.3% #5A7CDE	RGB 90 124 222	#5A7CDE
100.0%	100.0% #5E81EF	RGB 94 129 239	#5E81EF

#415D8D #46649D #4C6BAD #5172BE #5578CE #5A7CDE #5E81EF

#415D8D - #5172BE - #5E81EF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #415D8D 0%, #5172BE 50%, #5E81EF 100%);
    background: -webkit-linear-gradient(top, #415D8D 0%, #5172BE 50%, #5E81EF 100%);
    background: linear-gradient(to bottom, #415D8D 0%, #5172BE 50%, #5E81EF 100%);
}
</style>