#A8AA98 - #D3A8C0 | 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 #A8AA98 a #D3A8C0

#A8AA98 #D3A8C0

Calcule el color entre dos colores, #A8AA98 y #D3A8C0. 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)

#A8AA98 - #D3A8C0 | 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 #A8AA98 como 0% y #D3A8C0 como 100%.

0.0%	0.0% #A8AA98	RGB 168 170 152	#A8AA98
16.7%	16.7% #AFA99E	RGB 175 169 158	#AFA99E
33.3%	33.3% #B6A9A5	RGB 182 169 165	#B6A9A5
50.0%	50.0% #BDA9AC	RGB 189 169 172	#BDA9AC
66.7%	66.7% #C4A8B2	RGB 196 168 178	#C4A8B2
83.3%	83.3% #CBA8B9	RGB 203 168 185	#CBA8B9
100.0%	100.0% #D3A8C0	RGB 211 168 192	#D3A8C0

#A8AA98 #AFA99E #B6A9A5 #BDA9AC #C4A8B2 #CBA8B9 #D3A8C0

#A8AA98 - #D3A8C0

Mezcla HSV

#A8AA98 - #D3A8C0 | 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 #A8AA98 como 0% y #D3A8C0 como 100%.

0.0%	0.0% #A8AA98	RGB 168 170 152	#A8AA98
16.7%	16.7% #B0AD9B	RGB 176 173 155	#B0AD9B
33.3%	33.3% #B7AC9E	RGB 183 172 158	#B7AC9E
50.0%	50.0% #BEA9A1	RGB 190 169 161	#BEA9A1
66.7%	66.7% #C5A3A3	RGB 197 163 163	#C5A3A3
83.3%	83.3% #CCA5B0	RGB 204 165 176	#CCA5B0
100.0%	100.0% #D3A8C0	RGB 211 168 192	#D3A8C0

#A8AA98 #B0AD9B #B7AC9E #BEA9A1 #C5A3A3 #CCA5B0 #D3A8C0

#A8AA98 - #BEA9A1 - #D3A8C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AA98 0%, #BEA9A1 50%, #D3A8C0 100%);
    background: -webkit-linear-gradient(top, #A8AA98 0%, #BEA9A1 50%, #D3A8C0 100%);
    background: linear-gradient(to bottom, #A8AA98 0%, #BEA9A1 50%, #D3A8C0 100%);
}
</style>