#613C5E - #1B111A | 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 #613C5E to #1B111A

#613C5E #1B111A

Calculate the color between two colors, #613C5E and #1B111A. 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)

#613C5E - #1B111A | 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 #613C5E as 0% and #1B111A as 100%.

0.0%	0.0% #613C5E	RGB 97 60 94	#613C5E
16.7%	16.7% #553452	RGB 85 52 82	#553452
33.3%	33.3% #492D47	RGB 73 45 71	#492D47
50.0%	50.0% #3E263C	RGB 62 38 60	#3E263C
66.7%	66.7% #321F30	RGB 50 31 48	#321F30
83.3%	83.3% #261825	RGB 38 24 37	#261825
100.0%	100.0% #1B111A	RGB 27 17 26	#1B111A

#613C5E #553452 #492D47 #3E263C #321F30 #261825 #1B111A

#613C5E - #1B111A

HSV Blend

#613C5E - #1B111A | 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 #613C5E as 0% and #1B111A as 100%.

0.0%	0.0% #613C5E	RGB 97 60 94	#613C5E
16.7%	16.7% #553452	RGB 85 52 82	#553452
33.3%	33.3% #492D47	RGB 73 45 71	#492D47
50.0%	50.0% #3E263B	RGB 62 38 59	#3E263B
66.7%	66.7% #321F30	RGB 50 31 48	#321F30
83.3%	83.3% #261825	RGB 38 24 37	#261825
100.0%	100.0% #1B111A	RGB 27 17 26	#1B111A

#613C5E #553452 #492D47 #3E263B #321F30 #261825 #1B111A

#613C5E - #3E263B - #1B111A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #613C5E 0%, #3E263B 50%, #1B111A 100%);
    background: -webkit-linear-gradient(top, #613C5E 0%, #3E263B 50%, #1B111A 100%);
    background: linear-gradient(to bottom, #613C5E 0%, #3E263B 50%, #1B111A 100%);
}
</style>