#160505 - #463539 | 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 #160505 to #463539

#160505 #463539

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

#160505 - #463539 | 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 #160505 as 0% and #463539 as 100%.

0.0%	0.0% #160505	RGB 22 5 5	#160505
16.7%	16.7% #1E0D0D	RGB 30 13 13	#1E0D0D
33.3%	33.3% #261516	RGB 38 21 22	#261516
50.0%	50.0% #2E1D1F	RGB 46 29 31	#2E1D1F
66.7%	66.7% #362527	RGB 54 37 39	#362527
83.3%	83.3% #3E2D30	RGB 62 45 48	#3E2D30
100.0%	100.0% #463539	RGB 70 53 57	#463539

#160505 #1E0D0D #261516 #2E1D1F #362527 #3E2D30 #463539

#160505 - #463539

HSV Blend

#160505 - #463539 | 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 #160505 as 0% and #463539 as 100%.

0.0%	0.0% #160505	RGB 22 5 5	#160505
16.7%	16.7% #1E090A	RGB 30 9 10	#1E090A
33.3%	33.3% #260F11	RGB 38 15 17	#260F11
50.0%	50.0% #2E1619	RGB 46 22 25	#2E1619
66.7%	66.7% #361F22	RGB 54 31 34	#361F22
83.3%	83.3% #3E292D	RGB 62 41 45	#3E292D
100.0%	100.0% #463539	RGB 70 53 57	#463539

#160505 #1E090A #260F11 #2E1619 #361F22 #3E292D #463539

#160505 - #2E1619 - #463539

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160505 0%, #2E1619 50%, #463539 100%);
    background: -webkit-linear-gradient(top, #160505 0%, #2E1619 50%, #463539 100%);
    background: linear-gradient(to bottom, #160505 0%, #2E1619 50%, #463539 100%);
}
</style>