#263940 - #021E3E | 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 #263940 to #021E3E

#263940 #021E3E

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

#263940 - #021E3E | 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 #263940 as 0% and #021E3E as 100%.

0.0%	0.0% #263940	RGB 38 57 64	#263940
16.7%	16.7% #20343F	RGB 32 52 63	#20343F
33.3%	33.3% #1A303F	RGB 26 48 63	#1A303F
50.0%	50.0% #142B3F	RGB 20 43 63	#142B3F
66.7%	66.7% #0E273E	RGB 14 39 62	#0E273E
83.3%	83.3% #08223E	RGB 8 34 62	#08223E
100.0%	100.0% #021E3E	RGB 2 30 62	#021E3E

#263940 #20343F #1A303F #142B3F #0E273E #08223E #021E3E

#263940 - #021E3E

HSV Blend

#263940 - #021E3E | 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 #263940 as 0% and #021E3E as 100%.

0.0%	0.0% #263940	RGB 38 57 64	#263940
16.7%	16.7% #1F353F	RGB 31 53 63	#1F353F
33.3%	33.3% #19313F	RGB 25 49 63	#19313F
50.0%	50.0% #132D3F	RGB 19 45 63	#132D3F
66.7%	66.7% #0D283E	RGB 13 40 62	#0D283E
83.3%	83.3% #07233E	RGB 7 35 62	#07233E
100.0%	100.0% #021E3E	RGB 2 30 62	#021E3E

#263940 #1F353F #19313F #132D3F #0D283E #07233E #021E3E

#263940 - #132D3F - #021E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #263940 0%, #132D3F 50%, #021E3E 100%);
    background: -webkit-linear-gradient(top, #263940 0%, #132D3F 50%, #021E3E 100%);
    background: linear-gradient(to bottom, #263940 0%, #132D3F 50%, #021E3E 100%);
}
</style>