#A6ADE7 - #E5E7F8 | 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 #A6ADE7 a #E5E7F8

#A6ADE7 #E5E7F8

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

#A6ADE7 - #E5E7F8 | 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 #A6ADE7 como 0% y #E5E7F8 como 100%.

0.0%	0.0% #A6ADE7	RGB 166 173 231	#A6ADE7
16.7%	16.7% #B0B6E9	RGB 176 182 233	#B0B6E9
33.3%	33.3% #BBC0EC	RGB 187 192 236	#BBC0EC
50.0%	50.0% #C5CAEF	RGB 197 202 239	#C5CAEF
66.7%	66.7% #D0D3F2	RGB 208 211 242	#D0D3F2
83.3%	83.3% #DADDF5	RGB 218 221 245	#DADDF5
100.0%	100.0% #E5E7F8	RGB 229 231 248	#E5E7F8

#A6ADE7 #B0B6E9 #BBC0EC #C5CAEF #D0D3F2 #DADDF5 #E5E7F8

#A6ADE7 - #E5E7F8

Mezcla HSV

#A6ADE7 - #E5E7F8 | 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 #A6ADE7 como 0% y #E5E7F8 como 100%.

0.0%	0.0% #A6ADE7	RGB 166 173 231	#A6ADE7
16.7%	16.7% #B0B6E9	RGB 176 182 233	#B0B6E9
33.3%	33.3% #BABFEC	RGB 186 191 236	#BABFEC
50.0%	50.0% #C4C9EF	RGB 196 201 239	#C4C9EF
66.7%	66.7% #CFD2F2	RGB 207 210 242	#CFD2F2
83.3%	83.3% #DADCF5	RGB 218 220 245	#DADCF5
100.0%	100.0% #E5E7F8	RGB 229 231 248	#E5E7F8

#A6ADE7 #B0B6E9 #BABFEC #C4C9EF #CFD2F2 #DADCF5 #E5E7F8

#A6ADE7 - #C4C9EF - #E5E7F8

Códigos CSS

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

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