#A8C9FC - #E6EFFE | 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 #A8C9FC a #E6EFFE

#A8C9FC #E6EFFE

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

#A8C9FC - #E6EFFE | 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 #A8C9FC como 0% y #E6EFFE como 100%.

0.0%	0.0% #A8C9FC	RGB 168 201 252	#A8C9FC
16.7%	16.7% #B2CFFC	RGB 178 207 252	#B2CFFC
33.3%	33.3% #BCD5FC	RGB 188 213 252	#BCD5FC
50.0%	50.0% #C7DCFD	RGB 199 220 253	#C7DCFD
66.7%	66.7% #D1E2FD	RGB 209 226 253	#D1E2FD
83.3%	83.3% #DBE8FD	RGB 219 232 253	#DBE8FD
100.0%	100.0% #E6EFFE	RGB 230 239 254	#E6EFFE

#A8C9FC #B2CFFC #BCD5FC #C7DCFD #D1E2FD #DBE8FD #E6EFFE

#A8C9FC - #E6EFFE

Mezcla HSV

#A8C9FC - #E6EFFE | 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 #A8C9FC como 0% y #E6EFFE como 100%.

0.0%	0.0% #A8C9FC	RGB 168 201 252	#A8C9FC
16.7%	16.7% #B2CFFC	RGB 178 207 252	#B2CFFC
33.3%	33.3% #BCD5FC	RGB 188 213 252	#BCD5FC
50.0%	50.0% #C6DBFD	RGB 198 219 253	#C6DBFD
66.7%	66.7% #D1E2FD	RGB 209 226 253	#D1E2FD
83.3%	83.3% #DBE8FD	RGB 219 232 253	#DBE8FD
100.0%	100.0% #E6EFFE	RGB 230 239 254	#E6EFFE

#A8C9FC #B2CFFC #BCD5FC #C6DBFD #D1E2FD #DBE8FD #E6EFFE

#A8C9FC - #C6DBFD - #E6EFFE

Códigos CSS

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

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