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

#19152C #854C5C

Calculate the color between two colors, #19152C and #854C5C. 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 - #854C5C | 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 #854C5C 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% #854C5C	RGB 133 76 92	#854C5C

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

#19152C - #854C5C

HSV Blend

#19152C - #854C5C | 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 #854C5C 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% #562E58	RGB 86 46 88	#562E58
66.7%	66.7% #67375D	RGB 103 55 93	#67375D
83.3%	83.3% #76415D	RGB 118 65 93	#76415D
100.0%	100.0% #854C5C	RGB 133 76 92	#854C5C

#19152C #291D3A #3E2549 #562E58 #67375D #76415D #854C5C

#19152C - #562E58 - #854C5C

CSS codes

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

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