#001C5E - #061103 | 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 #001C5E to #061103

#001C5E #061103

Calculate the color between two colors, #001C5E and #061103. 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)

#001C5E - #061103 | 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 #001C5E as 0% and #061103 as 100%.

0.0%	0.0% #001C5E	RGB 0 28 94	#001C5E
16.7%	16.7% #011A4E	RGB 1 26 78	#011A4E
33.3%	33.3% #02183F	RGB 2 24 63	#02183F
50.0%	50.0% #031630	RGB 3 22 48	#031630
66.7%	66.7% #041421	RGB 4 20 33	#041421
83.3%	83.3% #051212	RGB 5 18 18	#051212
100.0%	100.0% #061103	RGB 6 17 3	#061103

#001C5E #011A4E #02183F #031630 #041421 #051212 #061103

#001C5E - #061103

HSV Blend

#001C5E - #061103 | 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 #001C5E as 0% and #061103 as 100%.

0.0%	0.0% #001C5E	RGB 0 28 94	#001C5E
16.7%	16.7% #023351	RGB 2 51 81	#023351
33.3%	33.3% #044044	RGB 4 64 68	#044044
50.0%	50.0% #04372A	RGB 4 55 42	#04372A
66.7%	66.7% #052A15	RGB 5 42 21	#052A15
83.3%	83.3% #041D07	RGB 4 29 7	#041D07
100.0%	100.0% #061103	RGB 6 17 3	#061103

#001C5E #023351 #044044 #04372A #052A15 #041D07 #061103

#001C5E - #04372A - #061103

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001C5E 0%, #04372A 50%, #061103 100%);
    background: -webkit-linear-gradient(top, #001C5E 0%, #04372A 50%, #061103 100%);
    background: linear-gradient(to bottom, #001C5E 0%, #04372A 50%, #061103 100%);
}
</style>