#7A8C84 - #2D3C3E | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #7A8C84 a #2D3C3E

#7A8C84 #2D3C3E

Calcule el color entre dos colores, #7A8C84 y #2D3C3E. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#7A8C84 - #2D3C3E | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #7A8C84 como 0% y #2D3C3E como 100%.

0.0%	0.0% #7A8C84	RGB 122 140 132	#7A8C84
16.7%	16.7% #6D7E78	RGB 109 126 120	#6D7E78
33.3%	33.3% #60716C	RGB 96 113 108	#60716C
50.0%	50.0% #536461	RGB 83 100 97	#536461
66.7%	66.7% #465655	RGB 70 86 85	#465655
83.3%	83.3% #394949	RGB 57 73 73	#394949
100.0%	100.0% #2D3C3E	RGB 45 60 62	#2D3C3E

#7A8C84 #6D7E78 #60716C #536461 #465655 #394949 #2D3C3E

#7A8C84 - #2D3C3E

Mezcla HSV

#7A8C84 - #2D3C3E | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #7A8C84 como 0% y #2D3C3E como 100%.

0.0%	0.0% #7A8C84	RGB 122 140 132	#7A8C84
16.7%	16.7% #6B7F78	RGB 107 127 120	#6B7F78
33.3%	33.3% #5D726C	RGB 93 114 108	#5D726C
50.0%	50.0% #506561	RGB 80 101 97	#506561
66.7%	66.7% #445856	RGB 68 88 86	#445856
83.3%	83.3% #384A4B	RGB 56 74 75	#384A4B
100.0%	100.0% #2D3C3E	RGB 45 60 62	#2D3C3E

#7A8C84 #6B7F78 #5D726C #506561 #445856 #384A4B #2D3C3E

#7A8C84 - #506561 - #2D3C3E

Códigos CSS

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

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