#081C4C - #1A5E8C | 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 #081C4C to #1A5E8C

#081C4C #1A5E8C

Calculate the color between two colors, #081C4C and #1A5E8C. 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)

#081C4C - #1A5E8C | 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 #081C4C as 0% and #1A5E8C as 100%.

0.0%	0.0% #081C4C	RGB 8 28 76	#081C4C
16.7%	16.7% #0B2756	RGB 11 39 86	#0B2756
33.3%	33.3% #0E3261	RGB 14 50 97	#0E3261
50.0%	50.0% #113D6C	RGB 17 61 108	#113D6C
66.7%	66.7% #144876	RGB 20 72 118	#144876
83.3%	83.3% #175381	RGB 23 83 129	#175381
100.0%	100.0% #1A5E8C	RGB 26 94 140	#1A5E8C

#081C4C #0B2756 #0E3261 #113D6C #144876 #175381 #1A5E8C

#081C4C - #1A5E8C

HSV Blend

#081C4C - #1A5E8C | 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 #081C4C as 0% and #1A5E8C as 100%.

0.0%	0.0% #081C4C	RGB 8 28 76	#081C4C
16.7%	16.7% #0A2456	RGB 10 36 86	#0A2456
33.3%	33.3% #0C2E61	RGB 12 46 97	#0C2E61
50.0%	50.0% #0F386C	RGB 15 56 108	#0F386C
66.7%	66.7% #124476	RGB 18 68 118	#124476
83.3%	83.3% #165081	RGB 22 80 129	#165081
100.0%	100.0% #1A5E8C	RGB 26 94 140	#1A5E8C

#081C4C #0A2456 #0C2E61 #0F386C #124476 #165081 #1A5E8C

#081C4C - #0F386C - #1A5E8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #081C4C 0%, #0F386C 50%, #1A5E8C 100%);
    background: -webkit-linear-gradient(top, #081C4C 0%, #0F386C 50%, #1A5E8C 100%);
    background: linear-gradient(to bottom, #081C4C 0%, #0F386C 50%, #1A5E8C 100%);
}
</style>