#79666B - #221D1E | 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 #79666B to #221D1E

#79666B #221D1E

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

#79666B - #221D1E | 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 #79666B as 0% and #221D1E as 100%.

0.0%	0.0% #79666B	RGB 121 102 107	#79666B
16.7%	16.7% #6A595E	RGB 106 89 94	#6A595E
33.3%	33.3% #5C4D51	RGB 92 77 81	#5C4D51
50.0%	50.0% #4D4144	RGB 77 65 68	#4D4144
66.7%	66.7% #3F3537	RGB 63 53 55	#3F3537
83.3%	83.3% #30292A	RGB 48 41 42	#30292A
100.0%	100.0% #221D1E	RGB 34 29 30	#221D1E

#79666B #6A595E #5C4D51 #4D4144 #3F3537 #30292A #221D1E

#79666B - #221D1E

HSV Blend

#79666B - #221D1E | 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 #79666B as 0% and #221D1E as 100%.

0.0%	0.0% #79666B	RGB 121 102 107	#79666B
16.7%	16.7% #6A595E	RGB 106 89 94	#6A595E
33.3%	33.3% #5C4D51	RGB 92 77 81	#5C4D51
50.0%	50.0% #4D4144	RGB 77 65 68	#4D4144
66.7%	66.7% #3F3537	RGB 63 53 55	#3F3537
83.3%	83.3% #30292A	RGB 48 41 42	#30292A
100.0%	100.0% #221D1E	RGB 34 29 30	#221D1E

#79666B #6A595E #5C4D51 #4D4144 #3F3537 #30292A #221D1E

#79666B - #4D4144 - #221D1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #79666B 0%, #4D4144 50%, #221D1E 100%);
    background: -webkit-linear-gradient(top, #79666B 0%, #4D4144 50%, #221D1E 100%);
    background: linear-gradient(to bottom, #79666B 0%, #4D4144 50%, #221D1E 100%);
}
</style>