#A8552C - #30180C | 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 #A8552C to #30180C

#A8552C #30180C

Calculate the color between two colors, #A8552C and #30180C. 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)

#A8552C - #30180C | 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 #A8552C as 0% and #30180C as 100%.

0.0%	0.0% #A8552C	RGB 168 85 44	#A8552C
16.7%	16.7% #944A26	RGB 148 74 38	#944A26
33.3%	33.3% #804021	RGB 128 64 33	#804021
50.0%	50.0% #6C361C	RGB 108 54 28	#6C361C
66.7%	66.7% #582C16	RGB 88 44 22	#582C16
83.3%	83.3% #442211	RGB 68 34 17	#442211
100.0%	100.0% #30180C	RGB 48 24 12	#30180C

#A8552C #944A26 #804021 #6C361C #582C16 #442211 #30180C

#A8552C - #30180C

HSV Blend

#A8552C - #30180C | 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 #A8552C as 0% and #30180C as 100%.

0.0%	0.0% #A8552C	RGB 168 85 44	#A8552C
16.7%	16.7% #944A26	RGB 148 74 38	#944A26
33.3%	33.3% #804021	RGB 128 64 33	#804021
50.0%	50.0% #6C361B	RGB 108 54 27	#6C361B
66.7%	66.7% #582C16	RGB 88 44 22	#582C16
83.3%	83.3% #442211	RGB 68 34 17	#442211
100.0%	100.0% #30180C	RGB 48 24 12	#30180C

#A8552C #944A26 #804021 #6C361B #582C16 #442211 #30180C

#A8552C - #6C361B - #30180C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8552C 0%, #6C361B 50%, #30180C 100%);
    background: -webkit-linear-gradient(top, #A8552C 0%, #6C361B 50%, #30180C 100%);
    background: linear-gradient(to bottom, #A8552C 0%, #6C361B 50%, #30180C 100%);
}
</style>