#191970 - #061313 | 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 #191970 to #061313

#191970 #061313

Calculate the color between two colors, #191970 and #061313. 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)

#191970 - #061313 | 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 #191970 as 0% and #061313 as 100%.

0.0%	0.0% #191970	RGB 25 25 112	#191970
16.7%	16.7% #151860	RGB 21 24 96	#151860
33.3%	33.3% #121751	RGB 18 23 81	#121751
50.0%	50.0% #0F1641	RGB 15 22 65	#0F1641
66.7%	66.7% #0C1532	RGB 12 21 50	#0C1532
83.3%	83.3% #091422	RGB 9 20 34	#091422
100.0%	100.0% #061313	RGB 6 19 19	#061313

#191970 #151860 #121751 #0F1641 #0C1532 #091422 #061313

#191970 - #061313

HSV Blend

#191970 - #061313 | 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 #191970 as 0% and #061313 as 100%.

0.0%	0.0% #191970	RGB 25 25 112	#191970
16.7%	16.7% #172360	RGB 23 35 96	#172360
33.3%	33.3% #142851	RGB 20 40 81	#142851
50.0%	50.0% #112941	RGB 17 41 65	#112941
66.7%	66.7% #0E2632	RGB 14 38 50	#0E2632
83.3%	83.3% #0A1E22	RGB 10 30 34	#0A1E22
100.0%	100.0% #061313	RGB 6 19 19	#061313

#191970 #172360 #142851 #112941 #0E2632 #0A1E22 #061313

#191970 - #112941 - #061313

CSS codes

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

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