#A4A8D2 - #E5E6F2 | 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 #A4A8D2 a #E5E6F2

#A4A8D2 #E5E6F2

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

#A4A8D2 - #E5E6F2 | 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 #A4A8D2 como 0% y #E5E6F2 como 100%.

0.0%	0.0% #A4A8D2	RGB 164 168 210	#A4A8D2
16.7%	16.7% #AEB2D7	RGB 174 178 215	#AEB2D7
33.3%	33.3% #B9BCDC	RGB 185 188 220	#B9BCDC
50.0%	50.0% #C4C7E2	RGB 196 199 226	#C4C7E2
66.7%	66.7% #CFD1E7	RGB 207 209 231	#CFD1E7
83.3%	83.3% #DADBEC	RGB 218 219 236	#DADBEC
100.0%	100.0% #E5E6F2	RGB 229 230 242	#E5E6F2

#A4A8D2 #AEB2D7 #B9BCDC #C4C7E2 #CFD1E7 #DADBEC #E5E6F2

#A4A8D2 - #E5E6F2

Mezcla HSV

#A4A8D2 - #E5E6F2 | 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 #A4A8D2 como 0% y #E5E6F2 como 100%.

0.0%	0.0% #A4A8D2	RGB 164 168 210	#A4A8D2
16.7%	16.7% #AEB1D7	RGB 174 177 215	#AEB1D7
33.3%	33.3% #B8BBDC	RGB 184 187 220	#B8BBDC
50.0%	50.0% #C3C5E2	RGB 195 197 226	#C3C5E2
66.7%	66.7% #CED0E7	RGB 206 208 231	#CED0E7
83.3%	83.3% #D9DAEC	RGB 217 218 236	#D9DAEC
100.0%	100.0% #E5E6F2	RGB 229 230 242	#E5E6F2

#A4A8D2 #AEB1D7 #B8BBDC #C3C5E2 #CED0E7 #D9DAEC #E5E6F2

#A4A8D2 - #C3C5E2 - #E5E6F2

Códigos CSS

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

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