#7F8286 - #242526 | 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 #7F8286 to #242526

#7F8286 #242526

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

#7F8286 - #242526 | 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 #7F8286 as 0% and #242526 as 100%.

0.0%	0.0% #7F8286	RGB 127 130 134	#7F8286
16.7%	16.7% #6F7276	RGB 111 114 118	#6F7276
33.3%	33.3% #606366	RGB 96 99 102	#606366
50.0%	50.0% #515356	RGB 81 83 86	#515356
66.7%	66.7% #424446	RGB 66 68 70	#424446
83.3%	83.3% #333436	RGB 51 52 54	#333436
100.0%	100.0% #242526	RGB 36 37 38	#242526

#7F8286 #6F7276 #606366 #515356 #424446 #333436 #242526

#7F8286 - #242526

HSV Blend

#7F8286 - #242526 | 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 #7F8286 as 0% and #242526 as 100%.

0.0%	0.0% #7F8286	RGB 127 130 134	#7F8286
16.7%	16.7% #6F7276	RGB 111 114 118	#6F7276
33.3%	33.3% #606366	RGB 96 99 102	#606366
50.0%	50.0% #515356	RGB 81 83 86	#515356
66.7%	66.7% #424446	RGB 66 68 70	#424446
83.3%	83.3% #333436	RGB 51 52 54	#333436
100.0%	100.0% #242526	RGB 36 37 38	#242526

#7F8286 #6F7276 #606366 #515356 #424446 #333436 #242526

#7F8286 - #515356 - #242526

CSS codes

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

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