#120C1E - #483B5E | 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 #120C1E to #483B5E

#120C1E #483B5E

Calculate the color between two colors, #120C1E and #483B5E. 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)

#120C1E - #483B5E | 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 #120C1E as 0% and #483B5E as 100%.

0.0%	0.0% #120C1E	RGB 18 12 30	#120C1E
16.7%	16.7% #1B1328	RGB 27 19 40	#1B1328
33.3%	33.3% #241B33	RGB 36 27 51	#241B33
50.0%	50.0% #2D233E	RGB 45 35 62	#2D233E
66.7%	66.7% #362B48	RGB 54 43 72	#362B48
83.3%	83.3% #3F3353	RGB 63 51 83	#3F3353
100.0%	100.0% #483B5E	RGB 72 59 94	#483B5E

#120C1E #1B1328 #241B33 #2D233E #362B48 #3F3353 #483B5E

#120C1E - #483B5E

HSV Blend

#120C1E - #483B5E | 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 #120C1E as 0% and #483B5E as 100%.

0.0%	0.0% #120C1E	RGB 18 12 30	#120C1E
16.7%	16.7% #191128	RGB 25 17 40	#191128
33.3%	33.3% #211833	RGB 33 24 51	#211833
50.0%	50.0% #2A1F3E	RGB 42 31 62	#2A1F3E
66.7%	66.7% #332848	RGB 51 40 72	#332848
83.3%	83.3% #3D3153	RGB 61 49 83	#3D3153
100.0%	100.0% #483B5E	RGB 72 59 94	#483B5E

#120C1E #191128 #211833 #2A1F3E #332848 #3D3153 #483B5E

#120C1E - #2A1F3E - #483B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #120C1E 0%, #2A1F3E 50%, #483B5E 100%);
    background: -webkit-linear-gradient(top, #120C1E 0%, #2A1F3E 50%, #483B5E 100%);
    background: linear-gradient(to bottom, #120C1E 0%, #2A1F3E 50%, #483B5E 100%);
}
</style>