#2026DA - #080A3E | 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 #2026DA to #080A3E

#2026DA #080A3E

Calculate the color between two colors, #2026DA and #080A3E. 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)

#2026DA - #080A3E | 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 #2026DA as 0% and #080A3E as 100%.

0.0%	0.0% #2026DA	RGB 32 38 218	#2026DA
16.7%	16.7% #1C21C0	RGB 28 33 192	#1C21C0
33.3%	33.3% #181CA6	RGB 24 28 166	#181CA6
50.0%	50.0% #14188C	RGB 20 24 140	#14188C
66.7%	66.7% #101372	RGB 16 19 114	#101372
83.3%	83.3% #0C0E58	RGB 12 14 88	#0C0E58
100.0%	100.0% #080A3E	RGB 8 10 62	#080A3E

#2026DA #1C21C0 #181CA6 #14188C #101372 #0C0E58 #080A3E

#2026DA - #080A3E

HSV Blend

#2026DA - #080A3E | 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 #2026DA as 0% and #080A3E as 100%.

0.0%	0.0% #2025DA	RGB 32 37 218	#2025DA
16.7%	16.7% #1B21C0	RGB 27 33 192	#1B21C0
33.3%	33.3% #171CA6	RGB 23 28 166	#171CA6
50.0%	50.0% #13178C	RGB 19 23 140	#13178C
66.7%	66.7% #0F1272	RGB 15 18 114	#0F1272
83.3%	83.3% #0B0E58	RGB 11 14 88	#0B0E58
100.0%	100.0% #080A3E	RGB 8 10 62	#080A3E

#2025DA #1B21C0 #171CA6 #13178C #0F1272 #0B0E58 #080A3E

#2026DA - #13178C - #080A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2025DA 0%, #13178C 50%, #080A3E 100%);
    background: -webkit-linear-gradient(top, #2025DA 0%, #13178C 50%, #080A3E 100%);
    background: linear-gradient(to bottom, #2025DA 0%, #13178C 50%, #080A3E 100%);
}
</style>