#464F5E - #A09286 | 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 #464F5E a #A09286

#464F5E #A09286

Calcule el color entre dos colores, #464F5E y #A09286. 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)

#464F5E - #A09286 | 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 #464F5E como 0% y #A09286 como 100%.

0.0%	0.0% #464F5E	RGB 70 79 94	#464F5E
16.7%	16.7% #555A64	RGB 85 90 100	#555A64
33.3%	33.3% #64656B	RGB 100 101 107	#64656B
50.0%	50.0% #737072	RGB 115 112 114	#737072
66.7%	66.7% #827B78	RGB 130 123 120	#827B78
83.3%	83.3% #91867F	RGB 145 134 127	#91867F
100.0%	100.0% #A09286	RGB 160 146 134	#A09286

#464F5E #555A64 #64656B #737072 #827B78 #91867F #A09286

#464F5E - #A09286

Mezcla HSV

#464F5E - #A09286 | 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 #464F5E como 0% y #A09286 como 100%.

0.0%	0.0% #464F5E	RGB 70 79 94	#464F5E
16.7%	16.7% #524F69	RGB 82 79 105	#524F69
33.3%	33.3% #685974	RGB 104 89 116	#685974
50.0%	50.0% #7F647D	RGB 127 100 125	#7F647D
66.7%	66.7% #8A6F7C	RGB 138 111 124	#8A6F7C
83.3%	83.3% #957A7A	RGB 149 122 122	#957A7A
100.0%	100.0% #A09286	RGB 160 146 134	#A09286

#464F5E #524F69 #685974 #7F647D #8A6F7C #957A7A #A09286

#464F5E - #7F647D - #A09286

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464F5E 0%, #7F647D 50%, #A09286 100%);
    background: -webkit-linear-gradient(top, #464F5E 0%, #7F647D 50%, #A09286 100%);
    background: linear-gradient(to bottom, #464F5E 0%, #7F647D 50%, #A09286 100%);
}
</style>