#262E5E - #081513 | 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 #262E5E to #081513

#262E5E #081513

Calculate the color between two colors, #262E5E and #081513. 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)

#262E5E - #081513 | 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 #262E5E as 0% and #081513 as 100%.

0.0%	0.0% #262E5E	RGB 38 46 94	#262E5E
16.7%	16.7% #212951	RGB 33 41 81	#212951
33.3%	33.3% #1C2545	RGB 28 37 69	#1C2545
50.0%	50.0% #172138	RGB 23 33 56	#172138
66.7%	66.7% #121D2C	RGB 18 29 44	#121D2C
83.3%	83.3% #0D191F	RGB 13 25 31	#0D191F
100.0%	100.0% #081513	RGB 8 21 19	#081513

#262E5E #212951 #1C2545 #172138 #121D2C #0D191F #081513

#262E5E - #081513

HSV Blend

#262E5E - #081513 | 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 #262E5E as 0% and #081513 as 100%.

0.0%	0.0% #262E5E	RGB 38 46 94	#262E5E
16.7%	16.7% #203051	RGB 32 48 81	#203051
33.3%	33.3% #1B2F45	RGB 27 47 69	#1B2F45
50.0%	50.0% #162D39	RGB 22 45 57	#162D39
66.7%	66.7% #11282D	RGB 17 40 45	#11282D
83.3%	83.3% #0C2021	RGB 12 32 33	#0C2021
100.0%	100.0% #081513	RGB 8 21 19	#081513

#262E5E #203051 #1B2F45 #162D39 #11282D #0C2021 #081513

#262E5E - #162D39 - #081513

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #262E5E 0%, #162D39 50%, #081513 100%);
    background: -webkit-linear-gradient(top, #262E5E 0%, #162D39 50%, #081513 100%);
    background: linear-gradient(to bottom, #262E5E 0%, #162D39 50%, #081513 100%);
}
</style>