#A1AA98 - #2D302B | 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 #A1AA98 a #2D302B

#A1AA98 #2D302B

Calcule el color entre dos colores, #A1AA98 y #2D302B. 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)

#A1AA98 - #2D302B | 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 #A1AA98 como 0% y #2D302B como 100%.

0.0%	0.0% #A1AA98	RGB 161 170 152	#A1AA98
16.7%	16.7% #8D9585	RGB 141 149 133	#8D9585
33.3%	33.3% #7A8173	RGB 122 129 115	#7A8173
50.0%	50.0% #676D61	RGB 103 109 97	#676D61
66.7%	66.7% #53584F	RGB 83 88 79	#53584F
83.3%	83.3% #40443D	RGB 64 68 61	#40443D
100.0%	100.0% #2D302B	RGB 45 48 43	#2D302B

#A1AA98 #8D9585 #7A8173 #676D61 #53584F #40443D #2D302B

#A1AA98 - #2D302B

Mezcla HSV

#A1AA98 - #2D302B | 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 #A1AA98 como 0% y #2D302B como 100%.

0.0%	0.0% #A1AA98	RGB 161 170 152	#A1AA98
16.7%	16.7% #8D9585	RGB 141 149 133	#8D9585
33.3%	33.3% #7A8173	RGB 122 129 115	#7A8173
50.0%	50.0% #666D61	RGB 102 109 97	#666D61
66.7%	66.7% #53584F	RGB 83 88 79	#53584F
83.3%	83.3% #40443D	RGB 64 68 61	#40443D
100.0%	100.0% #2D302B	RGB 45 48 43	#2D302B

#A1AA98 #8D9585 #7A8173 #666D61 #53584F #40443D #2D302B

#A1AA98 - #666D61 - #2D302B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1AA98 0%, #666D61 50%, #2D302B 100%);
    background: -webkit-linear-gradient(top, #A1AA98 0%, #666D61 50%, #2D302B 100%);
    background: linear-gradient(to bottom, #A1AA98 0%, #666D61 50%, #2D302B 100%);
}
</style>