#611B5E - #29071F | 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 #611B5E to #29071F

#611B5E #29071F

Calculate the color between two colors, #611B5E and #29071F. 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)

#611B5E - #29071F | 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 #611B5E as 0% and #29071F as 100%.

0.0%	0.0% #611B5E	RGB 97 27 94	#611B5E
16.7%	16.7% #571753	RGB 87 23 83	#571753
33.3%	33.3% #4E1449	RGB 78 20 73	#4E1449
50.0%	50.0% #45113E	RGB 69 17 62	#45113E
66.7%	66.7% #3B0D34	RGB 59 13 52	#3B0D34
83.3%	83.3% #320A29	RGB 50 10 41	#320A29
100.0%	100.0% #29071F	RGB 41 7 31	#29071F

#611B5E #571753 #4E1449 #45113E #3B0D34 #320A29 #29071F

#611B5E - #29071F

HSV Blend

#611B5E - #29071F | 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 #611B5E as 0% and #29071F as 100%.

0.0%	0.0% #611B5E	RGB 97 27 94	#611B5E
16.7%	16.7% #571652	RGB 87 22 82	#571652
33.3%	33.3% #4E1246	RGB 78 18 70	#4E1246
50.0%	50.0% #450F3B	RGB 69 15 59	#450F3B
66.7%	66.7% #3B0C31	RGB 59 12 49	#3B0C31
83.3%	83.3% #320928	RGB 50 9 40	#320928
100.0%	100.0% #29071F	RGB 41 7 31	#29071F

#611B5E #571652 #4E1246 #450F3B #3B0C31 #320928 #29071F

#611B5E - #450F3B - #29071F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #611B5E 0%, #450F3B 50%, #29071F 100%);
    background: -webkit-linear-gradient(top, #611B5E 0%, #450F3B 50%, #29071F 100%);
    background: linear-gradient(to bottom, #611B5E 0%, #450F3B 50%, #29071F 100%);
}
</style>