#7E3E4D - #411214 | 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 #7E3E4D to #411214

#7E3E4D #411214

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

#7E3E4D - #411214 | 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 #7E3E4D as 0% and #411214 as 100%.

0.0%	0.0% #7E3E4D	RGB 126 62 77	#7E3E4D
16.7%	16.7% #733643	RGB 115 54 67	#733643
33.3%	33.3% #692F3A	RGB 105 47 58	#692F3A
50.0%	50.0% #5F2830	RGB 95 40 48	#5F2830
66.7%	66.7% #552027	RGB 85 32 39	#552027
83.3%	83.3% #4B191D	RGB 75 25 29	#4B191D
100.0%	100.0% #411214	RGB 65 18 20	#411214

#7E3E4D #733643 #692F3A #5F2830 #552027 #4B191D #411214

#7E3E4D - #411214

HSV Blend

#7E3E4D - #411214 | 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 #7E3E4D as 0% and #411214 as 100%.

0.0%	0.0% #7E3E4D	RGB 126 62 77	#7E3E4D
16.7%	16.7% #733441	RGB 115 52 65	#733441
33.3%	33.3% #692C36	RGB 105 44 54	#692C36
50.0%	50.0% #5F242C	RGB 95 36 44	#5F242C
66.7%	66.7% #551D23	RGB 85 29 35	#551D23
83.3%	83.3% #4B171B	RGB 75 23 27	#4B171B
100.0%	100.0% #411214	RGB 65 18 20	#411214

#7E3E4D #733441 #692C36 #5F242C #551D23 #4B171B #411214

#7E3E4D - #5F242C - #411214

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E3E4D 0%, #5F242C 50%, #411214 100%);
    background: -webkit-linear-gradient(top, #7E3E4D 0%, #5F242C 50%, #411214 100%);
    background: linear-gradient(to bottom, #7E3E4D 0%, #5F242C 50%, #411214 100%);
}
</style>