#55276D - #18071B | 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 #55276D to #18071B

#55276D #18071B

Calculate the color between two colors, #55276D and #18071B. 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)

#55276D - #18071B | 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 #55276D as 0% and #18071B as 100%.

0.0%	0.0% #55276D	RGB 85 39 109	#55276D
16.7%	16.7% #4A215F	RGB 74 33 95	#4A215F
33.3%	33.3% #401C51	RGB 64 28 81	#401C51
50.0%	50.0% #361744	RGB 54 23 68	#361744
66.7%	66.7% #2C1136	RGB 44 17 54	#2C1136
83.3%	83.3% #220C28	RGB 34 12 40	#220C28
100.0%	100.0% #18071B	RGB 24 7 27	#18071B

#55276D #4A215F #401C51 #361744 #2C1136 #220C28 #18071B

#55276D - #18071B

HSV Blend

#55276D - #18071B | 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 #55276D as 0% and #18071B as 100%.

0.0%	0.0% #55276D	RGB 85 39 109	#55276D
16.7%	16.7% #4B205F	RGB 75 32 95	#4B205F
33.3%	33.3% #421A51	RGB 66 26 81	#421A51
50.0%	50.0% #381444	RGB 56 20 68	#381444
66.7%	66.7% #2E0F36	RGB 46 15 54	#2E0F36
83.3%	83.3% #230B28	RGB 35 11 40	#230B28
100.0%	100.0% #18071B	RGB 24 7 27	#18071B

#55276D #4B205F #421A51 #381444 #2E0F36 #230B28 #18071B

#55276D - #381444 - #18071B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55276D 0%, #381444 50%, #18071B 100%);
    background: -webkit-linear-gradient(top, #55276D 0%, #381444 50%, #18071B 100%);
    background: linear-gradient(to bottom, #55276D 0%, #381444 50%, #18071B 100%);
}
</style>