#1B1524 - #342D5E | 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 #1B1524 to #342D5E

#1B1524 #342D5E

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

#1B1524 - #342D5E | 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 #1B1524 as 0% and #342D5E as 100%.

0.0%	0.0% #1B1524	RGB 27 21 36	#1B1524
16.7%	16.7% #1F192D	RGB 31 25 45	#1F192D
33.3%	33.3% #231D37	RGB 35 29 55	#231D37
50.0%	50.0% #272141	RGB 39 33 65	#272141
66.7%	66.7% #2B254A	RGB 43 37 74	#2B254A
83.3%	83.3% #2F2954	RGB 47 41 84	#2F2954
100.0%	100.0% #342D5E	RGB 52 45 94	#342D5E

#1B1524 #1F192D #231D37 #272141 #2B254A #2F2954 #342D5E

#1B1524 - #342D5E

HSV Blend

#1B1524 - #342D5E | 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 #1B1524 as 0% and #342D5E as 100%.

0.0%	0.0% #1B1524	RGB 27 21 36	#1B1524
16.7%	16.7% #20192D	RGB 32 25 45	#20192D
33.3%	33.3% #261E37	RGB 38 30 55	#261E37
50.0%	50.0% #2A2241	RGB 42 34 65	#2A2241
66.7%	66.7% #2E264A	RGB 46 38 74	#2E264A
83.3%	83.3% #312954	RGB 49 41 84	#312954
100.0%	100.0% #342D5E	RGB 52 45 94	#342D5E

#1B1524 #20192D #261E37 #2A2241 #2E264A #312954 #342D5E

#1B1524 - #2A2241 - #342D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B1524 0%, #2A2241 50%, #342D5E 100%);
    background: -webkit-linear-gradient(top, #1B1524 0%, #2A2241 50%, #342D5E 100%);
    background: linear-gradient(to bottom, #1B1524 0%, #2A2241 50%, #342D5E 100%);
}
</style>