#415B5E - #063A3D | 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 #415B5E to #063A3D

#415B5E #063A3D

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

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

0.0%	0.0% #415B5E	RGB 65 91 94	#415B5E
16.7%	16.7% #375558	RGB 55 85 88	#375558
33.3%	33.3% #2D5053	RGB 45 80 83	#2D5053
50.0%	50.0% #234A4D	RGB 35 74 77	#234A4D
66.7%	66.7% #194548	RGB 25 69 72	#194548
83.3%	83.3% #0F3F42	RGB 15 63 66	#0F3F42
100.0%	100.0% #063A3D	RGB 6 58 61	#063A3D

#415B5E #375558 #2D5053 #234A4D #194548 #0F3F42 #063A3D

#415B5E - #063A3D

HSV Blend

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

0.0%	0.0% #415B5E	RGB 65 91 94	#415B5E
16.7%	16.7% #345558	RGB 52 85 88	#345558
33.3%	33.3% #284F53	RGB 40 79 83	#284F53
50.0%	50.0% #1E494D	RGB 30 73 77	#1E494D
66.7%	66.7% #154448	RGB 21 68 72	#154448
83.3%	83.3% #0D3F42	RGB 13 63 66	#0D3F42
100.0%	100.0% #063A3D	RGB 6 58 61	#063A3D

#415B5E #345558 #284F53 #1E494D #154448 #0D3F42 #063A3D

#415B5E - #1E494D - #063A3D

CSS codes

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

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