#7A8C8C - #B8C393 | 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 #7A8C8C a #B8C393

#7A8C8C #B8C393

Calcule el color entre dos colores, #7A8C8C y #B8C393. 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)

#7A8C8C - #B8C393 | 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 #7A8C8C como 0% y #B8C393 como 100%.

0.0%	0.0% #7A8C8C	RGB 122 140 140	#7A8C8C
16.7%	16.7% #84958D	RGB 132 149 141	#84958D
33.3%	33.3% #8E9E8E	RGB 142 158 142	#8E9E8E
50.0%	50.0% #99A78F	RGB 153 167 143	#99A78F
66.7%	66.7% #A3B090	RGB 163 176 144	#A3B090
83.3%	83.3% #ADB991	RGB 173 185 145	#ADB991
100.0%	100.0% #B8C393	RGB 184 195 147	#B8C393

#7A8C8C #84958D #8E9E8E #99A78F #A3B090 #ADB991 #B8C393

#7A8C8C - #B8C393

Mezcla HSV

#7A8C8C - #B8C393 | 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 #7A8C8C como 0% y #B8C393 como 100%.

0.0%	0.0% #7A8C8C	RGB 122 140 140	#7A8C8C
16.7%	16.7% #7F958E	RGB 127 149 142	#7F958E
33.3%	33.3% #839E8E	RGB 131 158 142	#839E8E
50.0%	50.0% #88A78B	RGB 136 167 139	#88A78B
66.7%	66.7% #92B08C	RGB 146 176 140	#92B08C
83.3%	83.3% #A3B98F	RGB 163 185 143	#A3B98F
100.0%	100.0% #B8C393	RGB 184 195 147	#B8C393

#7A8C8C #7F958E #839E8E #88A78B #92B08C #A3B98F #B8C393

#7A8C8C - #88A78B - #B8C393

Códigos CSS

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

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