#A8C0E5 - #E6EDF7 | 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 #A8C0E5 a #E6EDF7

#A8C0E5 #E6EDF7

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

#A8C0E5 - #E6EDF7 | 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 #A8C0E5 como 0% y #E6EDF7 como 100%.

0.0%	0.0% #A8C0E5	RGB 168 192 229	#A8C0E5
16.7%	16.7% #B2C7E8	RGB 178 199 232	#B2C7E8
33.3%	33.3% #BCCFEB	RGB 188 207 235	#BCCFEB
50.0%	50.0% #C7D6EE	RGB 199 214 238	#C7D6EE
66.7%	66.7% #D1DEF1	RGB 209 222 241	#D1DEF1
83.3%	83.3% #DBE5F4	RGB 219 229 244	#DBE5F4
100.0%	100.0% #E6EDF7	RGB 230 237 247	#E6EDF7

#A8C0E5 #B2C7E8 #BCCFEB #C7D6EE #D1DEF1 #DBE5F4 #E6EDF7

#A8C0E5 - #E6EDF7

Mezcla HSV

#A8C0E5 - #E6EDF7 | 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 #A8C0E5 como 0% y #E6EDF7 como 100%.

0.0%	0.0% #A8C0E5	RGB 168 192 229	#A8C0E5
16.7%	16.7% #B1C7E8	RGB 177 199 232	#B1C7E8
33.3%	33.3% #BBCEEB	RGB 187 206 235	#BBCEEB
50.0%	50.0% #C6D6EE	RGB 198 214 238	#C6D6EE
66.7%	66.7% #D0DDF1	RGB 208 221 241	#D0DDF1
83.3%	83.3% #DBE5F4	RGB 219 229 244	#DBE5F4
100.0%	100.0% #E6EDF7	RGB 230 237 247	#E6EDF7

#A8C0E5 #B1C7E8 #BBCEEB #C6D6EE #D0DDF1 #DBE5F4 #E6EDF7

#A8C0E5 - #C6D6EE - #E6EDF7

Códigos CSS

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

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