#40282B - #A3664D | 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 #40282B to #A3664D

#40282B #A3664D

Calculate the color between two colors, #40282B and #A3664D. 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)

#40282B - #A3664D | 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 #40282B as 0% and #A3664D as 100%.

0.0%	0.0% #40282B	RGB 64 40 43	#40282B
16.7%	16.7% #503230	RGB 80 50 48	#503230
33.3%	33.3% #613C36	RGB 97 60 54	#613C36
50.0%	50.0% #71473C	RGB 113 71 60	#71473C
66.7%	66.7% #825141	RGB 130 81 65	#825141
83.3%	83.3% #925B47	RGB 146 91 71	#925B47
100.0%	100.0% #A3664D	RGB 163 102 77	#A3664D

#40282B #503230 #613C36 #71473C #825141 #925B47 #A3664D

#40282B - #A3664D

HSV Blend

#40282B - #A3664D | 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 #40282B as 0% and #A3664D as 100%.

0.0%	0.0% #40282B	RGB 64 40 43	#40282B
16.7%	16.7% #503032	RGB 80 48 50	#503032
33.3%	33.3% #613837	RGB 97 56 55	#613837
50.0%	50.0% #71423E	RGB 113 66 62	#71423E
66.7%	66.7% #824D44	RGB 130 77 68	#824D44
83.3%	83.3% #925948	RGB 146 89 72	#925948
100.0%	100.0% #A3664D	RGB 163 102 77	#A3664D

#40282B #503032 #613837 #71423E #824D44 #925948 #A3664D

#40282B - #71423E - #A3664D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40282B 0%, #71423E 50%, #A3664D 100%);
    background: -webkit-linear-gradient(top, #40282B 0%, #71423E 50%, #A3664D 100%);
    background: linear-gradient(to bottom, #40282B 0%, #71423E 50%, #A3664D 100%);
}
</style>