#7C7E72 - #232420 | 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 #7C7E72 to #232420

#7C7E72 #232420

Calculate the color between two colors, #7C7E72 and #232420. 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)

#7C7E72 - #232420 | 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 #7C7E72 as 0% and #232420 as 100%.

0.0%	0.0% #7C7E72	RGB 124 126 114	#7C7E72
16.7%	16.7% #6D6F64	RGB 109 111 100	#6D6F64
33.3%	33.3% #5E6056	RGB 94 96 86	#5E6056
50.0%	50.0% #4F5149	RGB 79 81 73	#4F5149
66.7%	66.7% #40423B	RGB 64 66 59	#40423B
83.3%	83.3% #31332D	RGB 49 51 45	#31332D
100.0%	100.0% #232420	RGB 35 36 32	#232420

#7C7E72 #6D6F64 #5E6056 #4F5149 #40423B #31332D #232420

#7C7E72 - #232420

HSV Blend

#7C7E72 - #232420 | 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 #7C7E72 as 0% and #232420 as 100%.

0.0%	0.0% #7C7E72	RGB 124 126 114	#7C7E72
16.7%	16.7% #6D6F64	RGB 109 111 100	#6D6F64
33.3%	33.3% #5E6056	RGB 94 96 86	#5E6056
50.0%	50.0% #4F5148	RGB 79 81 72	#4F5148
66.7%	66.7% #40423B	RGB 64 66 59	#40423B
83.3%	83.3% #31332D	RGB 49 51 45	#31332D
100.0%	100.0% #232420	RGB 35 36 32	#232420

#7C7E72 #6D6F64 #5E6056 #4F5148 #40423B #31332D #232420

#7C7E72 - #4F5148 - #232420

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C7E72 0%, #4F5148 50%, #232420 100%);
    background: -webkit-linear-gradient(top, #7C7E72 0%, #4F5148 50%, #232420 100%);
    background: linear-gradient(to bottom, #7C7E72 0%, #4F5148 50%, #232420 100%);
}
</style>