#114B5E - #000C33 | 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 #114B5E to #000C33

#114B5E #000C33

Calculate the color between two colors, #114B5E and #000C33. 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)

#114B5E - #000C33 | 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 #114B5E as 0% and #000C33 as 100%.

0.0%	0.0% #114B5E	RGB 17 75 94	#114B5E
16.7%	16.7% #0E4056	RGB 14 64 86	#0E4056
33.3%	33.3% #0B364F	RGB 11 54 79	#0B364F
50.0%	50.0% #082B48	RGB 8 43 72	#082B48
66.7%	66.7% #052141	RGB 5 33 65	#052141
83.3%	83.3% #02163A	RGB 2 22 58	#02163A
100.0%	100.0% #000C33	RGB 0 12 51	#000C33

#114B5E #0E4056 #0B364F #082B48 #052141 #02163A #000C33

#114B5E - #000C33

HSV Blend

#114B5E - #000C33 | 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 #114B5E as 0% and #000C33 as 100%.

0.0%	0.0% #104B5E	RGB 16 75 94	#104B5E
16.7%	16.7% #0D3E56	RGB 13 62 86	#0D3E56
33.3%	33.3% #09324F	RGB 9 50 79	#09324F
50.0%	50.0% #062748	RGB 6 39 72	#062748
66.7%	66.7% #031C41	RGB 3 28 65	#031C41
83.3%	83.3% #01133A	RGB 1 19 58	#01133A
100.0%	100.0% #000C33	RGB 0 12 51	#000C33

#104B5E #0D3E56 #09324F #062748 #031C41 #01133A #000C33

#114B5E - #062748 - #000C33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #104B5E 0%, #062748 50%, #000C33 100%);
    background: -webkit-linear-gradient(top, #104B5E 0%, #062748 50%, #000C33 100%);
    background: linear-gradient(to bottom, #104B5E 0%, #062748 50%, #000C33 100%);
}
</style>