#415A5E - #063A3E | 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 #415A5E to #063A3E

#415A5E #063A3E

Calculate the color between two colors, #415A5E and #063A3E. 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)

#415A5E - #063A3E | 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 #415A5E as 0% and #063A3E as 100%.

0.0%	0.0% #415A5E	RGB 65 90 94	#415A5E
16.7%	16.7% #375458	RGB 55 84 88	#375458
33.3%	33.3% #2D4F53	RGB 45 79 83	#2D4F53
50.0%	50.0% #234A4E	RGB 35 74 78	#234A4E
66.7%	66.7% #194448	RGB 25 68 72	#194448
83.3%	83.3% #0F3F43	RGB 15 63 67	#0F3F43
100.0%	100.0% #063A3E	RGB 6 58 62	#063A3E

#415A5E #375458 #2D4F53 #234A4E #194448 #0F3F43 #063A3E

#415A5E - #063A3E

HSV Blend

#415A5E - #063A3E | 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 #415A5E as 0% and #063A3E as 100%.

0.0%	0.0% #415A5E	RGB 65 90 94	#415A5E
16.7%	16.7% #345458	RGB 52 84 88	#345458
33.3%	33.3% #294E53	RGB 41 78 83	#294E53
50.0%	50.0% #1E494E	RGB 30 73 78	#1E494E
66.7%	66.7% #154348	RGB 21 67 72	#154348
83.3%	83.3% #0D3E43	RGB 13 62 67	#0D3E43
100.0%	100.0% #063A3E	RGB 6 58 62	#063A3E

#415A5E #345458 #294E53 #1E494E #154348 #0D3E43 #063A3E

#415A5E - #1E494E - #063A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #415A5E 0%, #1E494E 50%, #063A3E 100%);
    background: -webkit-linear-gradient(top, #415A5E 0%, #1E494E 50%, #063A3E 100%);
    background: linear-gradient(to bottom, #415A5E 0%, #1E494E 50%, #063A3E 100%);
}
</style>