#1F084D - #080216 | 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 #1F084D to #080216

#1F084D #080216

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

#1F084D - #080216 | 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 #1F084D as 0% and #080216 as 100%.

0.0%	0.0% #1F084D	RGB 31 8 77	#1F084D
16.7%	16.7% #1B0743	RGB 27 7 67	#1B0743
33.3%	33.3% #17063A	RGB 23 6 58	#17063A
50.0%	50.0% #130531	RGB 19 5 49	#130531
66.7%	66.7% #0F0428	RGB 15 4 40	#0F0428
83.3%	83.3% #0B031F	RGB 11 3 31	#0B031F
100.0%	100.0% #080216	RGB 8 2 22	#080216

#1F084D #1B0743 #17063A #130531 #0F0428 #0B031F #080216

#1F084D - #080216

HSV Blend

#1F084D - #080216 | 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 #1F084D as 0% and #080216 as 100%.

0.0%	0.0% #1E074D	RGB 30 7 77	#1E074D
16.7%	16.7% #1A0643	RGB 26 6 67	#1A0643
33.3%	33.3% #16053A	RGB 22 5 58	#16053A
50.0%	50.0% #120431	RGB 18 4 49	#120431
66.7%	66.7% #0F0328	RGB 15 3 40	#0F0328
83.3%	83.3% #0B021F	RGB 11 2 31	#0B021F
100.0%	100.0% #080216	RGB 8 2 22	#080216

#1E074D #1A0643 #16053A #120431 #0F0328 #0B021F #080216

#1F084D - #120431 - #080216

CSS codes

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

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