#552300 - #AF5E5E | 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 #552300 to #AF5E5E

#552300 #AF5E5E

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

#552300 - #AF5E5E | 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 #552300 as 0% and #AF5E5E as 100%.

0.0%	0.0% #552300	RGB 85 35 0	#552300
16.7%	16.7% #642C0F	RGB 100 44 15	#642C0F
33.3%	33.3% #73361F	RGB 115 54 31	#73361F
50.0%	50.0% #82402F	RGB 130 64 47	#82402F
66.7%	66.7% #914A3E	RGB 145 74 62	#914A3E
83.3%	83.3% #A0544E	RGB 160 84 78	#A0544E
100.0%	100.0% #AF5E5E	RGB 175 94 94	#AF5E5E

#552300 #642C0F #73361F #82402F #914A3E #A0544E #AF5E5E

#552300 - #AF5E5E

HSV Blend

#552300 - #AF5E5E | 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 #552300 as 0% and #AF5E5E as 100%.

0.0%	0.0% #552300	RGB 85 35 0	#552300
16.7%	16.7% #642808	RGB 100 40 8	#642808
33.3%	33.3% #732E14	RGB 115 46 20	#732E14
50.0%	50.0% #823622	RGB 130 54 34	#823622
66.7%	66.7% #914033	RGB 145 64 51	#914033
83.3%	83.3% #A04D47	RGB 160 77 71	#A04D47
100.0%	100.0% #AF5E5E	RGB 175 94 94	#AF5E5E

#552300 #642808 #732E14 #823622 #914033 #A04D47 #AF5E5E

#552300 - #823622 - #AF5E5E

CSS codes

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

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