#1F043C - #06100B | 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 #1F043C to #06100B

#1F043C #06100B

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

#1F043C - #06100B | 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 #1F043C as 0% and #06100B as 100%.

0.0%	0.0% #1F043C	RGB 31 4 60	#1F043C
16.7%	16.7% #1A0633	RGB 26 6 51	#1A0633
33.3%	33.3% #16082B	RGB 22 8 43	#16082B
50.0%	50.0% #120A23	RGB 18 10 35	#120A23
66.7%	66.7% #0E0C1B	RGB 14 12 27	#0E0C1B
83.3%	83.3% #0A0E13	RGB 10 14 19	#0A0E13
100.0%	100.0% #06100B	RGB 6 16 11	#06100B

#1F043C #1A0633 #16082B #120A23 #0E0C1B #0A0E13 #06100B

#1F043C - #06100B

HSV Blend

#1F043C - #06100B | 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 #1F043C as 0% and #06100B as 100%.

0.0%	0.0% #1F043C	RGB 31 4 60	#1F043C
16.7%	16.7% #0D0634	RGB 13 6 52	#0D0634
33.3%	33.3% #070E2D	RGB 7 14 45	#070E2D
50.0%	50.0% #081726	RGB 8 23 38	#081726
66.7%	66.7% #081B1E	RGB 8 27 30	#081B1E
83.3%	83.3% #071714	RGB 7 23 20	#071714
100.0%	100.0% #06100B	RGB 6 16 11	#06100B

#1F043C #0D0634 #070E2D #081726 #081B1E #071714 #06100B

#1F043C - #081726 - #06100B

CSS codes

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

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