#393B3E - #021D3C | 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 #393B3E to #021D3C

#393B3E #021D3C

Calculate the color between two colors, #393B3E and #021D3C. 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)

#393B3E - #021D3C | 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 #393B3E as 0% and #021D3C as 100%.

0.0%	0.0% #393B3E	RGB 57 59 62	#393B3E
16.7%	16.7% #2F363D	RGB 47 54 61	#2F363D
33.3%	33.3% #26313D	RGB 38 49 61	#26313D
50.0%	50.0% #1D2C3D	RGB 29 44 61	#1D2C3D
66.7%	66.7% #14273C	RGB 20 39 60	#14273C
83.3%	83.3% #0B223C	RGB 11 34 60	#0B223C
100.0%	100.0% #021D3C	RGB 2 29 60	#021D3C

#393B3E #2F363D #26313D #1D2C3D #14273C #0B223C #021D3C

#393B3E - #021D3C

HSV Blend

#393B3E - #021D3C | 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 #393B3E as 0% and #021D3C as 100%.

0.0%	0.0% #393B3E	RGB 57 59 62	#393B3E
16.7%	16.7% #2F353D	RGB 47 53 61	#2F353D
33.3%	33.3% #26303D	RGB 38 48 61	#26303D
50.0%	50.0% #1D2A3D	RGB 29 42 61	#1D2A3D
66.7%	66.7% #13263C	RGB 19 38 60	#13263C
83.3%	83.3% #0A213C	RGB 10 33 60	#0A213C
100.0%	100.0% #021D3C	RGB 2 29 60	#021D3C

#393B3E #2F353D #26303D #1D2A3D #13263C #0A213C #021D3C

#393B3E - #1D2A3D - #021D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393B3E 0%, #1D2A3D 50%, #021D3C 100%);
    background: -webkit-linear-gradient(top, #393B3E 0%, #1D2A3D 50%, #021D3C 100%);
    background: linear-gradient(to bottom, #393B3E 0%, #1D2A3D 50%, #021D3C 100%);
}
</style>