#241B5E - #080330 | 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 #241B5E to #080330

#241B5E #080330

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

#241B5E - #080330 | 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 #241B5E as 0% and #080330 as 100%.

0.0%	0.0% #241B5E	RGB 36 27 94	#241B5E
16.7%	16.7% #1F1756	RGB 31 23 86	#1F1756
33.3%	33.3% #1A134E	RGB 26 19 78	#1A134E
50.0%	50.0% #160F47	RGB 22 15 71	#160F47
66.7%	66.7% #110B3F	RGB 17 11 63	#110B3F
83.3%	83.3% #0C0737	RGB 12 7 55	#0C0737
100.0%	100.0% #080330	RGB 8 3 48	#080330

#241B5E #1F1756 #1A134E #160F47 #110B3F #0C0737 #080330

#241B5E - #080330

HSV Blend

#241B5E - #080330 | 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 #241B5E as 0% and #080330 as 100%.

0.0%	0.0% #241B5E	RGB 36 27 94	#241B5E
16.7%	16.7% #1E1556	RGB 30 21 86	#1E1556
33.3%	33.3% #18104E	RGB 24 16 78	#18104E
50.0%	50.0% #130C47	RGB 19 12 71	#130C47
66.7%	66.7% #0F083F	RGB 15 8 63	#0F083F
83.3%	83.3% #0B0537	RGB 11 5 55	#0B0537
100.0%	100.0% #080330	RGB 8 3 48	#080330

#241B5E #1E1556 #18104E #130C47 #0F083F #0B0537 #080330

#241B5E - #130C47 - #080330

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #241B5E 0%, #130C47 50%, #080330 100%);
    background: -webkit-linear-gradient(top, #241B5E 0%, #130C47 50%, #080330 100%);
    background: linear-gradient(to bottom, #241B5E 0%, #130C47 50%, #080330 100%);
}
</style>