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

#4D5E5C #92A073

Calcule el color entre dos colores, #4D5E5C 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)

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

0.0%	0.0% #4D5E5C	RGB 77 94 92	#4D5E5C
16.7%	16.7% #58695F	RGB 88 105 95	#58695F
33.3%	33.3% #647463	RGB 100 116 99	#647463
50.0%	50.0% #6F7F67	RGB 111 127 103	#6F7F67
66.7%	66.7% #7B8A6B	RGB 123 138 107	#7B8A6B
83.3%	83.3% #86956F	RGB 134 149 111	#86956F
100.0%	100.0% #92A073	RGB 146 160 115	#92A073

#4D5E5C #58695F #647463 #6F7F67 #7B8A6B #86956F #92A073

#4D5E5C - #92A073

Mezcla HSV

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

0.0%	0.0% #4D5E5C	RGB 77 94 92	#4D5E5C
16.7%	16.7% #546961	RGB 84 105 97	#546961
33.3%	33.3% #5B7464	RGB 91 116 100	#5B7464
50.0%	50.0% #617F64	RGB 97 127 100	#617F64
66.7%	66.7% #6D8A67	RGB 109 138 103	#6D8A67
83.3%	83.3% #7E956D	RGB 126 149 109	#7E956D
100.0%	100.0% #92A073	RGB 146 160 115	#92A073

#4D5E5C #546961 #5B7464 #617F64 #6D8A67 #7E956D #92A073

#4D5E5C - #617F64 - #92A073

Códigos CSS

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

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