#3E464F - #032C3C | 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 #3E464F to #032C3C

#3E464F #032C3C

Calculate the color between two colors, #3E464F and #032C3C. 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)

#3E464F - #032C3C | 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 #3E464F as 0% and #032C3C as 100%.

0.0%	0.0% #3E464F	RGB 62 70 79	#3E464F
16.7%	16.7% #34414B	RGB 52 65 75	#34414B
33.3%	33.3% #2A3D48	RGB 42 61 72	#2A3D48
50.0%	50.0% #203945	RGB 32 57 69	#203945
66.7%	66.7% #163442	RGB 22 52 66	#163442
83.3%	83.3% #0C303F	RGB 12 48 63	#0C303F
100.0%	100.0% #032C3C	RGB 3 44 60	#032C3C

#3E464F #34414B #2A3D48 #203945 #163442 #0C303F #032C3C

#3E464F - #032C3C

HSV Blend

#3E464F - #032C3C | 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 #3E464F as 0% and #032C3C as 100%.

0.0%	0.0% #3E464F	RGB 62 70 79	#3E464F
16.7%	16.7% #323F4B	RGB 50 63 75	#323F4B
33.3%	33.3% #273948	RGB 39 57 72	#273948
50.0%	50.0% #1D3545	RGB 29 53 69	#1D3545
66.7%	66.7% #133142	RGB 19 49 66	#133142
83.3%	83.3% #0A2E3F	RGB 10 46 63	#0A2E3F
100.0%	100.0% #032C3C	RGB 3 44 60	#032C3C

#3E464F #323F4B #273948 #1D3545 #133142 #0A2E3F #032C3C

#3E464F - #1D3545 - #032C3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E464F 0%, #1D3545 50%, #032C3C 100%);
    background: -webkit-linear-gradient(top, #3E464F 0%, #1D3545 50%, #032C3C 100%);
    background: linear-gradient(to bottom, #3E464F 0%, #1D3545 50%, #032C3C 100%);
}
</style>