#550718 - #A1312A | 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 #550718 to #A1312A

#550718 #A1312A

Calculate the color between two colors, #550718 and #A1312A. 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)

#550718 - #A1312A | 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 #550718 as 0% and #A1312A as 100%.

0.0%	0.0% #550718	RGB 85 7 24	#550718
16.7%	16.7% #610E1B	RGB 97 14 27	#610E1B
33.3%	33.3% #6E151E	RGB 110 21 30	#6E151E
50.0%	50.0% #7B1C21	RGB 123 28 33	#7B1C21
66.7%	66.7% #872324	RGB 135 35 36	#872324
83.3%	83.3% #942A27	RGB 148 42 39	#942A27
100.0%	100.0% #A1312A	RGB 161 49 42	#A1312A

#550718 #610E1B #6E151E #7B1C21 #872324 #942A27 #A1312A

#550718 - #A1312A

HSV Blend

#550718 - #A1312A | 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 #550718 as 0% and #A1312A as 100%.

0.0%	0.0% #550618	RGB 85 6 24	#550618
16.7%	16.7% #610A19	RGB 97 10 25	#610A19
33.3%	33.3% #6E0F1B	RGB 110 15 27	#6E0F1B
50.0%	50.0% #7B151D	RGB 123 21 29	#7B151D
66.7%	66.7% #871B1E	RGB 135 27 30	#871B1E
83.3%	83.3% #942322	RGB 148 35 34	#942322
100.0%	100.0% #A1312A	RGB 161 49 42	#A1312A

#550618 #610A19 #6E0F1B #7B151D #871B1E #942322 #A1312A

#550718 - #7B151D - #A1312A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #550618 0%, #7B151D 50%, #A1312A 100%);
    background: -webkit-linear-gradient(top, #550618 0%, #7B151D 50%, #A1312A 100%);
    background: linear-gradient(to bottom, #550618 0%, #7B151D 50%, #A1312A 100%);
}
</style>