#A8C0F9 - #E6ECFD | 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 #A8C0F9 a #E6ECFD

#A8C0F9 #E6ECFD

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

#A8C0F9 - #E6ECFD | 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 #A8C0F9 como 0% y #E6ECFD como 100%.

0.0%	0.0% #A8C0F9	RGB 168 192 249	#A8C0F9
16.7%	16.7% #B2C7F9	RGB 178 199 249	#B2C7F9
33.3%	33.3% #BCCEFA	RGB 188 206 250	#BCCEFA
50.0%	50.0% #C7D6FB	RGB 199 214 251	#C7D6FB
66.7%	66.7% #D1DDFB	RGB 209 221 251	#D1DDFB
83.3%	83.3% #DBE4FC	RGB 219 228 252	#DBE4FC
100.0%	100.0% #E6ECFD	RGB 230 236 253	#E6ECFD

#A8C0F9 #B2C7F9 #BCCEFA #C7D6FB #D1DDFB #DBE4FC #E6ECFD

#A8C0F9 - #E6ECFD

Mezcla HSV

#A8C0F9 - #E6ECFD | 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 #A8C0F9 como 0% y #E6ECFD como 100%.

0.0%	0.0% #A8C0F9	RGB 168 192 249	#A8C0F9
16.7%	16.7% #B2C6F9	RGB 178 198 249	#B2C6F9
33.3%	33.3% #BCCEFA	RGB 188 206 250	#BCCEFA
50.0%	50.0% #C6D5FB	RGB 198 213 251	#C6D5FB
66.7%	66.7% #D1DCFB	RGB 209 220 251	#D1DCFB
83.3%	83.3% #DBE4FC	RGB 219 228 252	#DBE4FC
100.0%	100.0% #E6ECFD	RGB 230 236 253	#E6ECFD

#A8C0F9 #B2C6F9 #BCCEFA #C6D5FB #D1DCFB #DBE4FC #E6ECFD

#A8C0F9 - #C6D5FB - #E6ECFD

Códigos CSS

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

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