#AA8A8A - #E6DDDD | 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 #AA8A8A a #E6DDDD

#AA8A8A #E6DDDD

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

#AA8A8A - #E6DDDD | 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 #AA8A8A como 0% y #E6DDDD como 100%.

0.0%	0.0% #AA8A8A	RGB 170 138 138	#AA8A8A
16.7%	16.7% #B49797	RGB 180 151 151	#B49797
33.3%	33.3% #BEA5A5	RGB 190 165 165	#BEA5A5
50.0%	50.0% #C8B3B3	RGB 200 179 179	#C8B3B3
66.7%	66.7% #D2C1C1	RGB 210 193 193	#D2C1C1
83.3%	83.3% #DCCFCF	RGB 220 207 207	#DCCFCF
100.0%	100.0% #E6DDDD	RGB 230 221 221	#E6DDDD

#AA8A8A #B49797 #BEA5A5 #C8B3B3 #D2C1C1 #DCCFCF #E6DDDD

#AA8A8A - #E6DDDD

Mezcla HSV

#AA8A8A - #E6DDDD | 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 #AA8A8A como 0% y #E6DDDD como 100%.

0.0%	0.0% #AA8A8A	RGB 170 138 138	#AA8A8A
16.7%	16.7% #B49696	RGB 180 150 150	#B49696
33.3%	33.3% #BEA3A3	RGB 190 163 163	#BEA3A3
50.0%	50.0% #C8B1B1	RGB 200 177 177	#C8B1B1
66.7%	66.7% #D2BFBF	RGB 210 191 191	#D2BFBF
83.3%	83.3% #DCCDCD	RGB 220 205 205	#DCCDCD
100.0%	100.0% #E6DDDD	RGB 230 221 221	#E6DDDD

#AA8A8A #B49696 #BEA3A3 #C8B1B1 #D2BFBF #DCCDCD #E6DDDD

#AA8A8A - #C8B1B1 - #E6DDDD

Códigos CSS

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

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