#7E8C8C - #20584F | 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 #7E8C8C a #20584F

#7E8C8C #20584F

Calcule el color entre dos colores, #7E8C8C y #20584F. 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)

#7E8C8C - #20584F | 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 #7E8C8C como 0% y #20584F como 100%.

0.0%	0.0% #7E8C8C	RGB 126 140 140	#7E8C8C
16.7%	16.7% #6E8381	RGB 110 131 129	#6E8381
33.3%	33.3% #5E7A77	RGB 94 122 119	#5E7A77
50.0%	50.0% #4F726D	RGB 79 114 109	#4F726D
66.7%	66.7% #3F6963	RGB 63 105 99	#3F6963
83.3%	83.3% #2F6059	RGB 47 96 89	#2F6059
100.0%	100.0% #20584F	RGB 32 88 79	#20584F

#7E8C8C #6E8381 #5E7A77 #4F726D #3F6963 #2F6059 #20584F

#7E8C8C - #20584F

Mezcla HSV

#7E8C8C - #20584F | 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 #7E8C8C como 0% y #20584F como 100%.

0.0%	0.0% #7E8C8C	RGB 126 140 140	#7E8C8C
16.7%	16.7% #6A8382	RGB 106 131 130	#6A8382
33.3%	33.3% #587A78	RGB 88 122 120	#587A78
50.0%	50.0% #48726E	RGB 72 114 110	#48726E
66.7%	66.7% #396964	RGB 57 105 100	#396964
83.3%	83.3% #2B6059	RGB 43 96 89	#2B6059
100.0%	100.0% #20584F	RGB 32 88 79	#20584F

#7E8C8C #6A8382 #587A78 #48726E #396964 #2B6059 #20584F

#7E8C8C - #48726E - #20584F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E8C8C 0%, #48726E 50%, #20584F 100%);
    background: -webkit-linear-gradient(top, #7E8C8C 0%, #48726E 50%, #20584F 100%);
    background: linear-gradient(to bottom, #7E8C8C 0%, #48726E 50%, #20584F 100%);
}
</style>