#22131C - #704C4D | 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 #22131C to #704C4D

#22131C #704C4D

Calculate the color between two colors, #22131C and #704C4D. 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)

#22131C - #704C4D | 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 #22131C as 0% and #704C4D as 100%.

0.0%	0.0% #22131C	RGB 34 19 28	#22131C
16.7%	16.7% #2F1C24	RGB 47 28 36	#2F1C24
33.3%	33.3% #3C262C	RGB 60 38 44	#3C262C
50.0%	50.0% #492F34	RGB 73 47 52	#492F34
66.7%	66.7% #56393C	RGB 86 57 60	#56393C
83.3%	83.3% #634244	RGB 99 66 68	#634244
100.0%	100.0% #704C4D	RGB 112 76 77	#704C4D

#22131C #2F1C24 #3C262C #492F34 #56393C #634244 #704C4D

#22131C - #704C4D

HSV Blend

#22131C - #704C4D | 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 #22131C as 0% and #704C4D as 100%.

0.0%	0.0% #22131C	RGB 34 19 28	#22131C
16.7%	16.7% #2F1B25	RGB 47 27 37	#2F1B25
33.3%	33.3% #3C232D	RGB 60 35 45	#3C232D
50.0%	50.0% #492D35	RGB 73 45 53	#492D35
66.7%	66.7% #56363D	RGB 86 54 61	#56363D
83.3%	83.3% #634145	RGB 99 65 69	#634145
100.0%	100.0% #704C4D	RGB 112 76 77	#704C4D

#22131C #2F1B25 #3C232D #492D35 #56363D #634145 #704C4D

#22131C - #492D35 - #704C4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22131C 0%, #492D35 50%, #704C4D 100%);
    background: -webkit-linear-gradient(top, #22131C 0%, #492D35 50%, #704C4D 100%);
    background: linear-gradient(to bottom, #22131C 0%, #492D35 50%, #704C4D 100%);
}
</style>