#19152C - #854C5D | 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 #19152C to #854C5D

#19152C #854C5D

Calculate the color between two colors, #19152C and #854C5D. 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)

#19152C - #854C5D | 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 #19152C as 0% and #854C5D as 100%.

0.0%	0.0% #19152C	RGB 25 21 44	#19152C
16.7%	16.7% #2B1E34	RGB 43 30 52	#2B1E34
33.3%	33.3% #3D273C	RGB 61 39 60	#3D273C
50.0%	50.0% #4F3044	RGB 79 48 68	#4F3044
66.7%	66.7% #61394C	RGB 97 57 76	#61394C
83.3%	83.3% #734254	RGB 115 66 84	#734254
100.0%	100.0% #854C5D	RGB 133 76 93	#854C5D

#19152C #2B1E34 #3D273C #4F3044 #61394C #734254 #854C5D

#19152C - #854C5D

HSV Blend

#19152C - #854C5D | 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 #19152C as 0% and #854C5D as 100%.

0.0%	0.0% #19152C	RGB 25 21 44	#19152C
16.7%	16.7% #291D3A	RGB 41 29 58	#291D3A
33.3%	33.3% #3E2549	RGB 62 37 73	#3E2549
50.0%	50.0% #552E58	RGB 85 46 88	#552E58
66.7%	66.7% #67375E	RGB 103 55 94	#67375E
83.3%	83.3% #76415E	RGB 118 65 94	#76415E
100.0%	100.0% #854C5D	RGB 133 76 93	#854C5D

#19152C #291D3A #3E2549 #552E58 #67375E #76415E #854C5D

#19152C - #552E58 - #854C5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #19152C 0%, #552E58 50%, #854C5D 100%);
    background: -webkit-linear-gradient(top, #19152C 0%, #552E58 50%, #854C5D 100%);
    background: linear-gradient(to bottom, #19152C 0%, #552E58 50%, #854C5D 100%);
}
</style>