#060224 - #3A2D5E | 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 #060224 to #3A2D5E

#060224 #3A2D5E

Calculate the color between two colors, #060224 and #3A2D5E. 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)

#060224 - #3A2D5E | 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 #060224 as 0% and #3A2D5E as 100%.

0.0%	0.0% #060224	RGB 6 2 36	#060224
16.7%	16.7% #0E092D	RGB 14 9 45	#0E092D
33.3%	33.3% #171037	RGB 23 16 55	#171037
50.0%	50.0% #201741	RGB 32 23 65	#201741
66.7%	66.7% #281E4A	RGB 40 30 74	#281E4A
83.3%	83.3% #312554	RGB 49 37 84	#312554
100.0%	100.0% #3A2D5E	RGB 58 45 94	#3A2D5E

#060224 #0E092D #171037 #201741 #281E4A #312554 #3A2D5E

#060224 - #3A2D5E

HSV Blend

#060224 - #3A2D5E | 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 #060224 as 0% and #3A2D5E as 100%.

0.0%	0.0% #060224	RGB 6 2 36	#060224
16.7%	16.7% #0B052D	RGB 11 5 45	#0B052D
33.3%	33.3% #120A37	RGB 18 10 55	#120A37
50.0%	50.0% #1A1141	RGB 26 17 65	#1A1141
66.7%	66.7% #23194A	RGB 35 25 74	#23194A
83.3%	83.3% #2E2254	RGB 46 34 84	#2E2254
100.0%	100.0% #3A2D5E	RGB 58 45 94	#3A2D5E

#060224 #0B052D #120A37 #1A1141 #23194A #2E2254 #3A2D5E

#060224 - #1A1141 - #3A2D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #060224 0%, #1A1141 50%, #3A2D5E 100%);
    background: -webkit-linear-gradient(top, #060224 0%, #1A1141 50%, #3A2D5E 100%);
    background: linear-gradient(to bottom, #060224 0%, #1A1141 50%, #3A2D5E 100%);
}
</style>