#4F5E5E - #92A073 | 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 #4F5E5E a #92A073

#4F5E5E #92A073

Calcule el color entre dos colores, #4F5E5E y #92A073. 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)

#4F5E5E - #92A073 | 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 #4F5E5E como 0% y #92A073 como 100%.

0.0%	0.0% #4F5E5E	RGB 79 94 94	#4F5E5E
16.7%	16.7% #5A6961	RGB 90 105 97	#5A6961
33.3%	33.3% #657465	RGB 101 116 101	#657465
50.0%	50.0% #707F68	RGB 112 127 104	#707F68
66.7%	66.7% #7B8A6C	RGB 123 138 108	#7B8A6C
83.3%	83.3% #86956F	RGB 134 149 111	#86956F
100.0%	100.0% #92A073	RGB 146 160 115	#92A073

#4F5E5E #5A6961 #657465 #707F68 #7B8A6C #86956F #92A073

#4F5E5E - #92A073

Mezcla HSV

#4F5E5E - #92A073 | 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 #4F5E5E como 0% y #92A073 como 100%.

0.0%	0.0% #4F5E5E	RGB 79 94 94	#4F5E5E
16.7%	16.7% #566963	RGB 86 105 99	#566963
33.3%	33.3% #5C7466	RGB 92 116 102	#5C7466
50.0%	50.0% #637F67	RGB 99 127 103	#637F67
66.7%	66.7% #6C8A68	RGB 108 138 104	#6C8A68
83.3%	83.3% #7D956E	RGB 125 149 110	#7D956E
100.0%	100.0% #92A073	RGB 146 160 115	#92A073

#4F5E5E #566963 #5C7466 #637F67 #6C8A68 #7D956E #92A073

#4F5E5E - #637F67 - #92A073

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5E5E 0%, #637F67 50%, #92A073 100%);
    background: -webkit-linear-gradient(top, #4F5E5E 0%, #637F67 50%, #92A073 100%);
    background: linear-gradient(to bottom, #4F5E5E 0%, #637F67 50%, #92A073 100%);
}
</style>