#060618 - #102D4A | 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 #060618 to #102D4A

#060618 #102D4A

Calculate the color between two colors, #060618 and #102D4A. 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)

#060618 - #102D4A | 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 #060618 as 0% and #102D4A as 100%.

0.0%	0.0% #060618	RGB 6 6 24	#060618
16.7%	16.7% #070C20	RGB 7 12 32	#070C20
33.3%	33.3% #091328	RGB 9 19 40	#091328
50.0%	50.0% #0B1931	RGB 11 25 49	#0B1931
66.7%	66.7% #0C2039	RGB 12 32 57	#0C2039
83.3%	83.3% #0E2641	RGB 14 38 65	#0E2641
100.0%	100.0% #102D4A	RGB 16 45 74	#102D4A

#060618 #070C20 #091328 #0B1931 #0C2039 #0E2641 #102D4A

#060618 - #102D4A

HSV Blend

#060618 - #102D4A | 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 #060618 as 0% and #102D4A as 100%.

0.0%	0.0% #060618	RGB 6 6 24	#060618
16.7%	16.7% #070920	RGB 7 9 32	#070920
33.3%	33.3% #090E28	RGB 9 14 40	#090E28
50.0%	50.0% #0B1431	RGB 11 20 49	#0B1431
66.7%	66.7% #0D1B39	RGB 13 27 57	#0D1B39
83.3%	83.3% #0E2341	RGB 14 35 65	#0E2341
100.0%	100.0% #102D4A	RGB 16 45 74	#102D4A

#060618 #070920 #090E28 #0B1431 #0D1B39 #0E2341 #102D4A

#060618 - #0B1431 - #102D4A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #060618 0%, #0B1431 50%, #102D4A 100%);
    background: -webkit-linear-gradient(top, #060618 0%, #0B1431 50%, #102D4A 100%);
    background: linear-gradient(to bottom, #060618 0%, #0B1431 50%, #102D4A 100%);
}
</style>