#DF382C - #3F100C | 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 #DF382C to #3F100C

#DF382C #3F100C

Calculate the color between two colors, #DF382C and #3F100C. 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)

#DF382C - #3F100C | 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 #DF382C as 0% and #3F100C as 100%.

0.0%	0.0% #DF382C	RGB 223 56 44	#DF382C
16.7%	16.7% #C43126	RGB 196 49 38	#C43126
33.3%	33.3% #A92A21	RGB 169 42 33	#A92A21
50.0%	50.0% #8F241C	RGB 143 36 28	#8F241C
66.7%	66.7% #741D16	RGB 116 29 22	#741D16
83.3%	83.3% #591611	RGB 89 22 17	#591611
100.0%	100.0% #3F100C	RGB 63 16 12	#3F100C

#DF382C #C43126 #A92A21 #8F241C #741D16 #591611 #3F100C

#DF382C - #3F100C

HSV Blend

#DF382C - #3F100C | 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 #DF382C as 0% and #3F100C as 100%.

0.0%	0.0% #DF382C	RGB 223 56 44	#DF382C
16.7%	16.7% #C43126	RGB 196 49 38	#C43126
33.3%	33.3% #A92A21	RGB 169 42 33	#A92A21
50.0%	50.0% #8F241B	RGB 143 36 27	#8F241B
66.7%	66.7% #741D16	RGB 116 29 22	#741D16
83.3%	83.3% #591611	RGB 89 22 17	#591611
100.0%	100.0% #3F100C	RGB 63 16 12	#3F100C

#DF382C #C43126 #A92A21 #8F241B #741D16 #591611 #3F100C

#DF382C - #8F241B - #3F100C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DF382C 0%, #8F241B 50%, #3F100C 100%);
    background: -webkit-linear-gradient(top, #DF382C 0%, #8F241B 50%, #3F100C 100%);
    background: linear-gradient(to bottom, #DF382C 0%, #8F241B 50%, #3F100C 100%);
}
</style>