#A8BCEE - #E3E3E5 | 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 #A8BCEE a #E3E3E5

#A8BCEE #E3E3E5

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

#A8BCEE - #E3E3E5 | 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 #A8BCEE como 0% y #E3E3E5 como 100%.

0.0%	0.0% #A8BCEE	RGB 168 188 238	#A8BCEE
16.7%	16.7% #B1C2EC	RGB 177 194 236	#B1C2EC
33.3%	33.3% #BBC9EB	RGB 187 201 235	#BBC9EB
50.0%	50.0% #C5CFE9	RGB 197 207 233	#C5CFE9
66.7%	66.7% #CFD6E8	RGB 207 214 232	#CFD6E8
83.3%	83.3% #D9DCE6	RGB 217 220 230	#D9DCE6
100.0%	100.0% #E3E3E5	RGB 227 227 229	#E3E3E5

#A8BCEE #B1C2EC #BBC9EB #C5CFE9 #CFD6E8 #D9DCE6 #E3E3E5

#A8BCEE - #E3E3E5

Mezcla HSV

#A8BCEE - #E3E3E5 | 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 #A8BCEE como 0% y #E3E3E5 como 100%.

0.0%	0.0% #A8BCEE	RGB 168 188 238	#A8BCEE
16.7%	16.7% #B2C0EC	RGB 178 192 236	#B2C0EC
33.3%	33.3% #BCC5EB	RGB 188 197 235	#BCC5EB
50.0%	50.0% #C6CBE9	RGB 198 203 233	#C6CBE9
66.7%	66.7% #CFD2E8	RGB 207 210 232	#CFD2E8
83.3%	83.3% #D9DAE6	RGB 217 218 230	#D9DAE6
100.0%	100.0% #E3E3E5	RGB 227 227 229	#E3E3E5

#A8BCEE #B2C0EC #BCC5EB #C6CBE9 #CFD2E8 #D9DAE6 #E3E3E5

#A8BCEE - #C6CBE9 - #E3E3E5

Códigos CSS

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

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