#080A21 - #332F5E | 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 #080A21 to #332F5E

#080A21 #332F5E

Calculate the color between two colors, #080A21 and #332F5E. 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)

#080A21 - #332F5E | 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 #080A21 as 0% and #332F5E as 100%.

0.0%	0.0% #080A21	RGB 8 10 33	#080A21
16.7%	16.7% #0F102B	RGB 15 16 43	#0F102B
33.3%	33.3% #161635	RGB 22 22 53	#161635
50.0%	50.0% #1D1C3F	RGB 29 28 63	#1D1C3F
66.7%	66.7% #242249	RGB 36 34 73	#242249
83.3%	83.3% #2B2853	RGB 43 40 83	#2B2853
100.0%	100.0% #332F5E	RGB 51 47 94	#332F5E

#080A21 #0F102B #161635 #1D1C3F #242249 #2B2853 #332F5E

#080A21 - #332F5E

HSV Blend

#080A21 - #332F5E | 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 #080A21 as 0% and #332F5E as 100%.

0.0%	0.0% #080A21	RGB 8 10 33	#080A21
16.7%	16.7% #0C0D2B	RGB 12 13 43	#0C0D2B
33.3%	33.3% #111235	RGB 17 18 53	#111235
50.0%	50.0% #17173F	RGB 23 23 63	#17173F
66.7%	66.7% #1F1E49	RGB 31 30 73	#1F1E49
83.3%	83.3% #282653	RGB 40 38 83	#282653
100.0%	100.0% #332F5E	RGB 51 47 94	#332F5E

#080A21 #0C0D2B #111235 #17173F #1F1E49 #282653 #332F5E

#080A21 - #17173F - #332F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080A21 0%, #17173F 50%, #332F5E 100%);
    background: -webkit-linear-gradient(top, #080A21 0%, #17173F 50%, #332F5E 100%);
    background: linear-gradient(to bottom, #080A21 0%, #17173F 50%, #332F5E 100%);
}
</style>