#71666C - #201D1E | 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 #71666C to #201D1E

#71666C #201D1E

Calculate the color between two colors, #71666C and #201D1E. 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)

#71666C - #201D1E | 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 #71666C as 0% and #201D1E as 100%.

0.0%	0.0% #71666C	RGB 113 102 108	#71666C
16.7%	16.7% #63595F	RGB 99 89 95	#63595F
33.3%	33.3% #564D52	RGB 86 77 82	#564D52
50.0%	50.0% #484145	RGB 72 65 69	#484145
66.7%	66.7% #3B3538	RGB 59 53 56	#3B3538
83.3%	83.3% #2D292B	RGB 45 41 43	#2D292B
100.0%	100.0% #201D1E	RGB 32 29 30	#201D1E

#71666C #63595F #564D52 #484145 #3B3538 #2D292B #201D1E

#71666C - #201D1E

HSV Blend

#71666C - #201D1E | 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 #71666C as 0% and #201D1E as 100%.

0.0%	0.0% #71666C	RGB 113 102 108	#71666C
16.7%	16.7% #63595E	RGB 99 89 94	#63595E
33.3%	33.3% #564D51	RGB 86 77 81	#564D51
50.0%	50.0% #484144	RGB 72 65 68	#484144
66.7%	66.7% #3B3537	RGB 59 53 55	#3B3537
83.3%	83.3% #2D292A	RGB 45 41 42	#2D292A
100.0%	100.0% #201D1E	RGB 32 29 30	#201D1E

#71666C #63595E #564D51 #484144 #3B3537 #2D292A #201D1E

#71666C - #484144 - #201D1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #71666C 0%, #484144 50%, #201D1E 100%);
    background: -webkit-linear-gradient(top, #71666C 0%, #484144 50%, #201D1E 100%);
    background: linear-gradient(to bottom, #71666C 0%, #484144 50%, #201D1E 100%);
}
</style>