#366978 - #1F282A | 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 #366978 to #1F282A

#366978 #1F282A

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

#366978 - #1F282A | 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 #366978 as 0% and #1F282A as 100%.

0.0%	0.0% #366978	RGB 54 105 120	#366978
16.7%	16.7% #325E6B	RGB 50 94 107	#325E6B
33.3%	33.3% #2E535E	RGB 46 83 94	#2E535E
50.0%	50.0% #2A4851	RGB 42 72 81	#2A4851
66.7%	66.7% #263D44	RGB 38 61 68	#263D44
83.3%	83.3% #223237	RGB 34 50 55	#223237
100.0%	100.0% #1F282A	RGB 31 40 42	#1F282A

#366978 #325E6B #2E535E #2A4851 #263D44 #223237 #1F282A

#366978 - #1F282A

HSV Blend

#366978 - #1F282A | 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 #366978 as 0% and #1F282A as 100%.

0.0%	0.0% #366878	RGB 54 104 120	#366878
16.7%	16.7% #355F6B	RGB 53 95 107	#355F6B
33.3%	33.3% #33545E	RGB 51 84 94	#33545E
50.0%	50.0% #304A51	RGB 48 74 81	#304A51
66.7%	66.7% #2B3F44	RGB 43 63 68	#2B3F44
83.3%	83.3% #253337	RGB 37 51 55	#253337
100.0%	100.0% #1F282A	RGB 31 40 42	#1F282A

#366878 #355F6B #33545E #304A51 #2B3F44 #253337 #1F282A

#366978 - #304A51 - #1F282A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #366878 0%, #304A51 50%, #1F282A 100%);
    background: -webkit-linear-gradient(top, #366878 0%, #304A51 50%, #1F282A 100%);
    background: linear-gradient(to bottom, #366878 0%, #304A51 50%, #1F282A 100%);
}
</style>