#551515 - #360C05 | 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 #551515 to #360C05

#551515 #360C05

Calculate the color between two colors, #551515 and #360C05. 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)

#551515 - #360C05 | 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 #551515 as 0% and #360C05 as 100%.

0.0%	0.0% #551515	RGB 85 21 21	#551515
16.7%	16.7% #4F1312	RGB 79 19 18	#4F1312
33.3%	33.3% #4A120F	RGB 74 18 15	#4A120F
50.0%	50.0% #45100D	RGB 69 16 13	#45100D
66.7%	66.7% #400F0A	RGB 64 15 10	#400F0A
83.3%	83.3% #3B0D07	RGB 59 13 7	#3B0D07
100.0%	100.0% #360C05	RGB 54 12 5	#360C05

#551515 #4F1312 #4A120F #45100D #400F0A #3B0D07 #360C05

#551515 - #360C05

HSV Blend

#551515 - #360C05 | 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 #551515 as 0% and #360C05 as 100%.

0.0%	0.0% #551414	RGB 85 20 20	#551414
16.7%	16.7% #4F1311	RGB 79 19 17	#4F1311
33.3%	33.3% #4A110E	RGB 74 17 14	#4A110E
50.0%	50.0% #450F0B	RGB 69 15 11	#450F0B
66.7%	66.7% #400E09	RGB 64 14 9	#400E09
83.3%	83.3% #3B0D07	RGB 59 13 7	#3B0D07
100.0%	100.0% #360C05	RGB 54 12 5	#360C05

#551414 #4F1311 #4A110E #450F0B #400E09 #3B0D07 #360C05

#551515 - #450F0B - #360C05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #551414 0%, #450F0B 50%, #360C05 100%);
    background: -webkit-linear-gradient(top, #551414 0%, #450F0B 50%, #360C05 100%);
    background: linear-gradient(to bottom, #551414 0%, #450F0B 50%, #360C05 100%);
}
</style>