#402222 - #3C0E02 | 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 #402222 to #3C0E02

#402222 #3C0E02

Calculate the color between two colors, #402222 and #3C0E02. 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)

#402222 - #3C0E02 | 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 #402222 as 0% and #3C0E02 as 100%.

0.0%	0.0% #402222	RGB 64 34 34	#402222
16.7%	16.7% #3F1E1C	RGB 63 30 28	#3F1E1C
33.3%	33.3% #3E1B17	RGB 62 27 23	#3E1B17
50.0%	50.0% #3E1812	RGB 62 24 18	#3E1812
66.7%	66.7% #3D140C	RGB 61 20 12	#3D140C
83.3%	83.3% #3C1107	RGB 60 17 7	#3C1107
100.0%	100.0% #3C0E02	RGB 60 14 2	#3C0E02

#402222 #3F1E1C #3E1B17 #3E1812 #3D140C #3C1107 #3C0E02

#402222 - #3C0E02

HSV Blend

#402222 - #3C0E02 | 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 #402222 as 0% and #3C0E02 as 100%.

0.0%	0.0% #402222	RGB 64 34 34	#402222
16.7%	16.7% #3F1D1C	RGB 63 29 28	#3F1D1C
33.3%	33.3% #3E1916	RGB 62 25 22	#3E1916
50.0%	50.0% #3E1611	RGB 62 22 17	#3E1611
66.7%	66.7% #3D120C	RGB 61 18 12	#3D120C
83.3%	83.3% #3C1007	RGB 60 16 7	#3C1007
100.0%	100.0% #3C0E02	RGB 60 14 2	#3C0E02

#402222 #3F1D1C #3E1916 #3E1611 #3D120C #3C1007 #3C0E02

#402222 - #3E1611 - #3C0E02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #402222 0%, #3E1611 50%, #3C0E02 100%);
    background: -webkit-linear-gradient(top, #402222 0%, #3E1611 50%, #3C0E02 100%);
    background: linear-gradient(to bottom, #402222 0%, #3E1611 50%, #3C0E02 100%);
}
</style>