#613C5E - #480816 | 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 #613C5E to #480816

#613C5E #480816

Calculate the color between two colors, #613C5E and #480816. 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)

#613C5E - #480816 | 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 #613C5E as 0% and #480816 as 100%.

0.0%	0.0% #613C5E	RGB 97 60 94	#613C5E
16.7%	16.7% #5C3352	RGB 92 51 82	#5C3352
33.3%	33.3% #582A46	RGB 88 42 70	#582A46
50.0%	50.0% #54223A	RGB 84 34 58	#54223A
66.7%	66.7% #50192E	RGB 80 25 46	#50192E
83.3%	83.3% #4C1022	RGB 76 16 34	#4C1022
100.0%	100.0% #480816	RGB 72 8 22	#480816

#613C5E #5C3352 #582A46 #54223A #50192E #4C1022 #480816

#613C5E - #480816

HSV Blend

#613C5E - #480816 | 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 #613C5E as 0% and #480816 as 100%.

0.0%	0.0% #613C5E	RGB 97 60 94	#613C5E
16.7%	16.7% #5C3154	RGB 92 49 84	#5C3154
33.3%	33.3% #582749	RGB 88 39 73	#582749
50.0%	50.0% #541E3D	RGB 84 30 61	#541E3D
66.7%	66.7% #501630	RGB 80 22 48	#501630
83.3%	83.3% #4C0E23	RGB 76 14 35	#4C0E23
100.0%	100.0% #480816	RGB 72 8 22	#480816

#613C5E #5C3154 #582749 #541E3D #501630 #4C0E23 #480816

#613C5E - #541E3D - #480816

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #613C5E 0%, #541E3D 50%, #480816 100%);
    background: -webkit-linear-gradient(top, #613C5E 0%, #541E3D 50%, #480816 100%);
    background: linear-gradient(to bottom, #613C5E 0%, #541E3D 50%, #480816 100%);
}
</style>