#A8382C - #30100C | 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 #A8382C to #30100C

#A8382C #30100C

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

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

0.0%	0.0% #A8382C	RGB 168 56 44	#A8382C
16.7%	16.7% #943126	RGB 148 49 38	#943126
33.3%	33.3% #802A21	RGB 128 42 33	#802A21
50.0%	50.0% #6C241C	RGB 108 36 28	#6C241C
66.7%	66.7% #581D16	RGB 88 29 22	#581D16
83.3%	83.3% #441611	RGB 68 22 17	#441611
100.0%	100.0% #30100C	RGB 48 16 12	#30100C

#A8382C #943126 #802A21 #6C241C #581D16 #441611 #30100C

#A8382C - #30100C

HSV Blend

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

0.0%	0.0% #A8382C	RGB 168 56 44	#A8382C
16.7%	16.7% #943126	RGB 148 49 38	#943126
33.3%	33.3% #802A21	RGB 128 42 33	#802A21
50.0%	50.0% #6C231B	RGB 108 35 27	#6C231B
66.7%	66.7% #581D16	RGB 88 29 22	#581D16
83.3%	83.3% #441611	RGB 68 22 17	#441611
100.0%	100.0% #30100C	RGB 48 16 12	#30100C

#A8382C #943126 #802A21 #6C231B #581D16 #441611 #30100C

#A8382C - #6C231B - #30100C

CSS codes

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

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