#AA98A9 - #A8C2D3 | 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 #AA98A9 a #A8C2D3

#AA98A9 #A8C2D3

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

#AA98A9 - #A8C2D3 | 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 #AA98A9 como 0% y #A8C2D3 como 100%.

0.0%	0.0% #AA98A9	RGB 170 152 169	#AA98A9
16.7%	16.7% #A99FB0	RGB 169 159 176	#A99FB0
33.3%	33.3% #A9A6B7	RGB 169 166 183	#A9A6B7
50.0%	50.0% #A9ADBE	RGB 169 173 190	#A9ADBE
66.7%	66.7% #A8B4C5	RGB 168 180 197	#A8B4C5
83.3%	83.3% #A8BBCC	RGB 168 187 204	#A8BBCC
100.0%	100.0% #A8C2D3	RGB 168 194 211	#A8C2D3

#AA98A9 #A99FB0 #A9A6B7 #A9ADBE #A8B4C5 #A8BBCC #A8C2D3

#AA98A9 - #A8C2D3

Mezcla HSV

#AA98A9 - #A8C2D3 | 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 #AA98A9 como 0% y #A8C2D3 como 100%.

0.0%	0.0% #AA98A9	RGB 170 152 169	#AA98A9
16.7%	16.7% #AC9BB0	RGB 172 155 176	#AC9BB0
33.3%	33.3% #AB9EB7	RGB 171 158 183	#AB9EB7
50.0%	50.0% #A7A1BE	RGB 167 161 190	#A7A1BE
66.7%	66.7% #A3A5C5	RGB 163 165 197	#A3A5C5
83.3%	83.3% #A5B2CC	RGB 165 178 204	#A5B2CC
100.0%	100.0% #A8C2D3	RGB 168 194 211	#A8C2D3

#AA98A9 #AC9BB0 #AB9EB7 #A7A1BE #A3A5C5 #A5B2CC #A8C2D3

#AA98A9 - #A7A1BE - #A8C2D3

Códigos CSS

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

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