#611B34 - #29080C | 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 #611B34 to #29080C

#611B34 #29080C

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

#611B34 - #29080C | 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 #611B34 as 0% and #29080C as 100%.

0.0%	0.0% #611B34	RGB 97 27 52	#611B34
16.7%	16.7% #57172D	RGB 87 23 45	#57172D
33.3%	33.3% #4E1426	RGB 78 20 38	#4E1426
50.0%	50.0% #451120	RGB 69 17 32	#451120
66.7%	66.7% #3B0E19	RGB 59 14 25	#3B0E19
83.3%	83.3% #320B12	RGB 50 11 18	#320B12
100.0%	100.0% #29080C	RGB 41 8 12	#29080C

#611B34 #57172D #4E1426 #451120 #3B0E19 #320B12 #29080C

#611B34 - #29080C

HSV Blend

#611B34 - #29080C | 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 #611B34 as 0% and #29080C as 100%.

0.0%	0.0% #611B34	RGB 97 27 52	#611B34
16.7%	16.7% #57172B	RGB 87 23 43	#57172B
33.3%	33.3% #4E1323	RGB 78 19 35	#4E1323
50.0%	50.0% #45101C	RGB 69 16 28	#45101C
66.7%	66.7% #3B0D16	RGB 59 13 22	#3B0D16
83.3%	83.3% #320A10	RGB 50 10 16	#320A10
100.0%	100.0% #29080C	RGB 41 8 12	#29080C

#611B34 #57172B #4E1323 #45101C #3B0D16 #320A10 #29080C

#611B34 - #45101C - #29080C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #611B34 0%, #45101C 50%, #29080C 100%);
    background: -webkit-linear-gradient(top, #611B34 0%, #45101C 50%, #29080C 100%);
    background: linear-gradient(to bottom, #611B34 0%, #45101C 50%, #29080C 100%);
}
</style>