#A6B7D2 - #E5EAF2 | 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 #A6B7D2 a #E5EAF2

#A6B7D2 #E5EAF2

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

#A6B7D2 - #E5EAF2 | 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 #A6B7D2 como 0% y #E5EAF2 como 100%.

0.0%	0.0% #A6B7D2	RGB 166 183 210	#A6B7D2
16.7%	16.7% #B0BFD7	RGB 176 191 215	#B0BFD7
33.3%	33.3% #BBC8DC	RGB 187 200 220	#BBC8DC
50.0%	50.0% #C5D0E2	RGB 197 208 226	#C5D0E2
66.7%	66.7% #D0D9E7	RGB 208 217 231	#D0D9E7
83.3%	83.3% #DAE1EC	RGB 218 225 236	#DAE1EC
100.0%	100.0% #E5EAF2	RGB 229 234 242	#E5EAF2

#A6B7D2 #B0BFD7 #BBC8DC #C5D0E2 #D0D9E7 #DAE1EC #E5EAF2

#A6B7D2 - #E5EAF2

Mezcla HSV

#A6B7D2 - #E5EAF2 | 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 #A6B7D2 como 0% y #E5EAF2 como 100%.

0.0%	0.0% #A6B7D2	RGB 166 183 210	#A6B7D2
16.7%	16.7% #AFBFD7	RGB 175 191 215	#AFBFD7
33.3%	33.3% #B9C7DC	RGB 185 199 220	#B9C7DC
50.0%	50.0% #C4CFE2	RGB 196 207 226	#C4CFE2
66.7%	66.7% #CED8E7	RGB 206 216 231	#CED8E7
83.3%	83.3% #D9E1EC	RGB 217 225 236	#D9E1EC
100.0%	100.0% #E5EAF2	RGB 229 234 242	#E5EAF2

#A6B7D2 #AFBFD7 #B9C7DC #C4CFE2 #CED8E7 #D9E1EC #E5EAF2

#A6B7D2 - #C4CFE2 - #E5EAF2

Códigos CSS

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

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