#AA989D - #E6E1E2 | 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 #AA989D a #E6E1E2

#AA989D #E6E1E2

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

#AA989D - #E6E1E2 | 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 #AA989D como 0% y #E6E1E2 como 100%.

0.0%	0.0% #AA989D	RGB 170 152 157	#AA989D
16.7%	16.7% #B4A4A8	RGB 180 164 168	#B4A4A8
33.3%	33.3% #BEB0B4	RGB 190 176 180	#BEB0B4
50.0%	50.0% #C8BCBF	RGB 200 188 191	#C8BCBF
66.7%	66.7% #D2C8CB	RGB 210 200 203	#D2C8CB
83.3%	83.3% #DCD4D6	RGB 220 212 214	#DCD4D6
100.0%	100.0% #E6E1E2	RGB 230 225 226	#E6E1E2

#AA989D #B4A4A8 #BEB0B4 #C8BCBF #D2C8CB #DCD4D6 #E6E1E2

#AA989D - #E6E1E2

Mezcla HSV

#AA989D - #E6E1E2 | 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 #AA989D como 0% y #E6E1E2 como 100%.

0.0%	0.0% #AA989D	RGB 170 152 157	#AA989D
16.7%	16.7% #B4A3A7	RGB 180 163 167	#B4A3A7
33.3%	33.3% #BEAFB2	RGB 190 175 178	#BEAFB2
50.0%	50.0% #C8BBBE	RGB 200 187 190	#C8BBBE
66.7%	66.7% #D2C7C9	RGB 210 199 201	#D2C7C9
83.3%	83.3% #DCD4D5	RGB 220 212 213	#DCD4D5
100.0%	100.0% #E6E1E2	RGB 230 225 226	#E6E1E2

#AA989D #B4A3A7 #BEAFB2 #C8BBBE #D2C7C9 #DCD4D5 #E6E1E2

#AA989D - #C8BBBE - #E6E1E2

Códigos CSS

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

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