#020424 - #332D5E | 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 #020424 to #332D5E

#020424 #332D5E

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

#020424 - #332D5E | 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 #020424 as 0% and #332D5E as 100%.

0.0%	0.0% #020424	RGB 2 4 36	#020424
16.7%	16.7% #0A0A2D	RGB 10 10 45	#0A0A2D
33.3%	33.3% #121137	RGB 18 17 55	#121137
50.0%	50.0% #1A1841	RGB 26 24 65	#1A1841
66.7%	66.7% #221F4A	RGB 34 31 74	#221F4A
83.3%	83.3% #2A2654	RGB 42 38 84	#2A2654
100.0%	100.0% #332D5E	RGB 51 45 94	#332D5E

#020424 #0A0A2D #121137 #1A1841 #221F4A #2A2654 #332D5E

#020424 - #332D5E

HSV Blend

#020424 - #332D5E | 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 #020424 as 0% and #332D5E as 100%.

0.0%	0.0% #020424	RGB 2 4 36	#020424
16.7%	16.7% #05062D	RGB 5 6 45	#05062D
33.3%	33.3% #0A0A37	RGB 10 10 55	#0A0A37
50.0%	50.0% #121141	RGB 18 17 65	#121141
66.7%	66.7% #1C194A	RGB 28 25 74	#1C194A
83.3%	83.3% #272254	RGB 39 34 84	#272254
100.0%	100.0% #332D5E	RGB 51 45 94	#332D5E

#020424 #05062D #0A0A37 #121141 #1C194A #272254 #332D5E

#020424 - #121141 - #332D5E

CSS codes

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

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