#A1B4A1 - #576D44 | 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 #A1B4A1 a #576D44

#A1B4A1 #576D44

Calcule el color entre dos colores, #A1B4A1 y #576D44. 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)

#A1B4A1 - #576D44 | 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 #A1B4A1 como 0% y #576D44 como 100%.

0.0%	0.0% #A1B4A1	RGB 161 180 161	#A1B4A1
16.7%	16.7% #94A891	RGB 148 168 145	#94A891
33.3%	33.3% #889C82	RGB 136 156 130	#889C82
50.0%	50.0% #7C9072	RGB 124 144 114	#7C9072
66.7%	66.7% #6F8463	RGB 111 132 99	#6F8463
83.3%	83.3% #637853	RGB 99 120 83	#637853
100.0%	100.0% #576D44	RGB 87 109 68	#576D44

#A1B4A1 #94A891 #889C82 #7C9072 #6F8463 #637853 #576D44

#A1B4A1 - #576D44

Mezcla HSV

#A1B4A1 - #576D44 | 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 #A1B4A1 como 0% y #576D44 como 100%.

0.0%	0.0% #A1B4A1	RGB 161 180 161	#A1B4A1
16.7%	16.7% #90A88E	RGB 144 168 142	#90A88E
33.3%	33.3% #829C7D	RGB 130 156 125	#829C7D
50.0%	50.0% #75906D	RGB 117 144 109	#75906D
66.7%	66.7% #6A845E	RGB 106 132 94	#6A845E
83.3%	83.3% #607850	RGB 96 120 80	#607850
100.0%	100.0% #576D44	RGB 87 109 68	#576D44

#A1B4A1 #90A88E #829C7D #75906D #6A845E #607850 #576D44

#A1B4A1 - #75906D - #576D44

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1B4A1 0%, #75906D 50%, #576D44 100%);
    background: -webkit-linear-gradient(top, #A1B4A1 0%, #75906D 50%, #576D44 100%);
    background: linear-gradient(to bottom, #A1B4A1 0%, #75906D 50%, #576D44 100%);
}
</style>