#A99AFF - #E5E2FF | 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 #A99AFF a #E5E2FF

#A99AFF #E5E2FF

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

#A99AFF - #E5E2FF | 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 #A99AFF como 0% y #E5E2FF como 100%.

0.0%	0.0% #A99AFF	RGB 169 154 255	#A99AFF
16.7%	16.7% #B3A6FF	RGB 179 166 255	#B3A6FF
33.3%	33.3% #BDB2FF	RGB 189 178 255	#BDB2FF
50.0%	50.0% #C7BEFF	RGB 199 190 255	#C7BEFF
66.7%	66.7% #D1CAFF	RGB 209 202 255	#D1CAFF
83.3%	83.3% #DBD6FF	RGB 219 214 255	#DBD6FF
100.0%	100.0% #E5E2FF	RGB 229 226 255	#E5E2FF

#A99AFF #B3A6FF #BDB2FF #C7BEFF #D1CAFF #DBD6FF #E5E2FF

#A99AFF - #E5E2FF

Mezcla HSV

#A99AFF - #E5E2FF | 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 #A99AFF como 0% y #E5E2FF como 100%.

0.0%	0.0% #A89AFF	RGB 168 154 255	#A89AFF
16.7%	16.7% #B2A6FF	RGB 178 166 255	#B2A6FF
33.3%	33.3% #BCB2FF	RGB 188 178 255	#BCB2FF
50.0%	50.0% #C6BEFF	RGB 198 190 255	#C6BEFF
66.7%	66.7% #D0CAFF	RGB 208 202 255	#D0CAFF
83.3%	83.3% #DAD6FF	RGB 218 214 255	#DAD6FF
100.0%	100.0% #E5E2FF	RGB 229 226 255	#E5E2FF

#A89AFF #B2A6FF #BCB2FF #C6BEFF #D0CAFF #DAD6FF #E5E2FF

#A99AFF - #C6BEFF - #E5E2FF

Códigos CSS

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

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