#061A39 - #367083 | 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 #061A39 to #367083

#061A39 #367083

Calculate the color between two colors, #061A39 and #367083. 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)

#061A39 - #367083 | 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 #061A39 as 0% and #367083 as 100%.

0.0%	0.0% #061A39	RGB 6 26 57	#061A39
16.7%	16.7% #0E2845	RGB 14 40 69	#0E2845
33.3%	33.3% #163651	RGB 22 54 81	#163651
50.0%	50.0% #1E455E	RGB 30 69 94	#1E455E
66.7%	66.7% #26536A	RGB 38 83 106	#26536A
83.3%	83.3% #2E6176	RGB 46 97 118	#2E6176
100.0%	100.0% #367083	RGB 54 112 131	#367083

#061A39 #0E2845 #163651 #1E455E #26536A #2E6176 #367083

#061A39 - #367083

HSV Blend

#061A39 - #367083 | 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 #061A39 as 0% and #367083 as 100%.

0.0%	0.0% #061939	RGB 6 25 57	#061939
16.7%	16.7% #0A2545	RGB 10 37 69	#0A2545
33.3%	33.3% #103251	RGB 16 50 81	#103251
50.0%	50.0% #18405E	RGB 24 64 94	#18405E
66.7%	66.7% #204F6A	RGB 32 79 106	#204F6A
83.3%	83.3% #2A5F76	RGB 42 95 118	#2A5F76
100.0%	100.0% #367083	RGB 54 112 131	#367083

#061939 #0A2545 #103251 #18405E #204F6A #2A5F76 #367083

#061A39 - #18405E - #367083

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #061939 0%, #18405E 50%, #367083 100%);
    background: -webkit-linear-gradient(top, #061939 0%, #18405E 50%, #367083 100%);
    background: linear-gradient(to bottom, #061939 0%, #18405E 50%, #367083 100%);
}
</style>