#5E6E68 - #AEAA7E | 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 #5E6E68 a #AEAA7E

#5E6E68 #AEAA7E

Calcule el color entre dos colores, #5E6E68 y #AEAA7E. 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)

#5E6E68 - #AEAA7E | 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 #5E6E68 como 0% y #AEAA7E como 100%.

0.0%	0.0% #5E6E68	RGB 94 110 104	#5E6E68
16.7%	16.7% #6B786B	RGB 107 120 107	#6B786B
33.3%	33.3% #78826F	RGB 120 130 111	#78826F
50.0%	50.0% #868C73	RGB 134 140 115	#868C73
66.7%	66.7% #939676	RGB 147 150 118	#939676
83.3%	83.3% #A0A07A	RGB 160 160 122	#A0A07A
100.0%	100.0% #AEAA7E	RGB 174 170 126	#AEAA7E

#5E6E68 #6B786B #78826F #868C73 #939676 #A0A07A #AEAA7E

#5E6E68 - #AEAA7E

Mezcla HSV

#5E6E68 - #AEAA7E | 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 #5E6E68 como 0% y #AEAA7E como 100%.

0.0%	0.0% #5E6E68	RGB 94 110 104	#5E6E68
16.7%	16.7% #64786B	RGB 100 120 107	#64786B
33.3%	33.3% #6A836B	RGB 106 131 107	#6A836B
50.0%	50.0% #768E70	RGB 118 142 112	#768E70
66.7%	66.7% #879875	RGB 135 152 117	#879875
83.3%	83.3% #9AA379	RGB 154 163 121	#9AA379
100.0%	100.0% #AEAA7E	RGB 174 170 126	#AEAA7E

#5E6E68 #64786B #6A836B #768E70 #879875 #9AA379 #AEAA7E

#5E6E68 - #768E70 - #AEAA7E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6E68 0%, #768E70 50%, #AEAA7E 100%);
    background: -webkit-linear-gradient(top, #5E6E68 0%, #768E70 50%, #AEAA7E 100%);
    background: linear-gradient(to bottom, #5E6E68 0%, #768E70 50%, #AEAA7E 100%);
}
</style>