#1B0C1E - #593B5E | 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 #1B0C1E to #593B5E

#1B0C1E #593B5E

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

#1B0C1E - #593B5E | 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 #1B0C1E as 0% and #593B5E as 100%.

0.0%	0.0% #1B0C1E	RGB 27 12 30	#1B0C1E
16.7%	16.7% #251328	RGB 37 19 40	#251328
33.3%	33.3% #2F1B33	RGB 47 27 51	#2F1B33
50.0%	50.0% #3A233E	RGB 58 35 62	#3A233E
66.7%	66.7% #442B48	RGB 68 43 72	#442B48
83.3%	83.3% #4E3353	RGB 78 51 83	#4E3353
100.0%	100.0% #593B5E	RGB 89 59 94	#593B5E

#1B0C1E #251328 #2F1B33 #3A233E #442B48 #4E3353 #593B5E

#1B0C1E - #593B5E

HSV Blend

#1B0C1E - #593B5E | 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 #1B0C1E as 0% and #593B5E as 100%.

0.0%	0.0% #1B0C1E	RGB 27 12 30	#1B0C1E
16.7%	16.7% #241128	RGB 36 17 40	#241128
33.3%	33.3% #2F1833	RGB 47 24 51	#2F1833
50.0%	50.0% #391F3E	RGB 57 31 62	#391F3E
66.7%	66.7% #432848	RGB 67 40 72	#432848
83.3%	83.3% #4E3153	RGB 78 49 83	#4E3153
100.0%	100.0% #593B5E	RGB 89 59 94	#593B5E

#1B0C1E #241128 #2F1833 #391F3E #432848 #4E3153 #593B5E

#1B0C1E - #391F3E - #593B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B0C1E 0%, #391F3E 50%, #593B5E 100%);
    background: -webkit-linear-gradient(top, #1B0C1E 0%, #391F3E 50%, #593B5E 100%);
    background: linear-gradient(to bottom, #1B0C1E 0%, #391F3E 50%, #593B5E 100%);
}
</style>