#40563D - #191917 | 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 #40563D to #191917

#40563D #191917

Calculate the color between two colors, #40563D and #191917. 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)

#40563D - #191917 | 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 #40563D as 0% and #191917 as 100%.

0.0%	0.0% #40563D	RGB 64 86 61	#40563D
16.7%	16.7% #394B36	RGB 57 75 54	#394B36
33.3%	33.3% #334130	RGB 51 65 48	#334130
50.0%	50.0% #2C372A	RGB 44 55 42	#2C372A
66.7%	66.7% #262D23	RGB 38 45 35	#262D23
83.3%	83.3% #1F231D	RGB 31 35 29	#1F231D
100.0%	100.0% #191917	RGB 25 25 23	#191917

#40563D #394B36 #334130 #2C372A #262D23 #1F231D #191917

#40563D - #191917

HSV Blend

#40563D - #191917 | 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 #40563D as 0% and #191917 as 100%.

0.0%	0.0% #40563D	RGB 64 86 61	#40563D
16.7%	16.7% #3D4B38	RGB 61 75 56	#3D4B38
33.3%	33.3% #394133	RGB 57 65 51	#394133
50.0%	50.0% #32372D	RGB 50 55 45	#32372D
66.7%	66.7% #2B2D26	RGB 43 45 38	#2B2D26
83.3%	83.3% #22231F	RGB 34 35 31	#22231F
100.0%	100.0% #191917	RGB 25 25 23	#191917

#40563D #3D4B38 #394133 #32372D #2B2D26 #22231F #191917

#40563D - #32372D - #191917

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40563D 0%, #32372D 50%, #191917 100%);
    background: -webkit-linear-gradient(top, #40563D 0%, #32372D 50%, #191917 100%);
    background: linear-gradient(to bottom, #40563D 0%, #32372D 50%, #191917 100%);
}
</style>