#0010A6 - #A1EEF7 | 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 #0010A6 a #A1EEF7

#0010A6 #A1EEF7

Calcule el color entre dos colores, #0010A6 y #A1EEF7. 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)

#0010A6 - #A1EEF7 | 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 #0010A6 como 0% y #A1EEF7 como 100%.

0.0%	0.0% #0010A6	RGB 0 16 166	#0010A6
16.7%	16.7% #1A35B3	RGB 26 53 179	#1A35B3
33.3%	33.3% #355AC1	RGB 53 90 193	#355AC1
50.0%	50.0% #507FCE	RGB 80 127 206	#507FCE
66.7%	66.7% #6BA4DC	RGB 107 164 220	#6BA4DC
83.3%	83.3% #86C9E9	RGB 134 201 233	#86C9E9
100.0%	100.0% #A1EEF7	RGB 161 238 247	#A1EEF7

#0010A6 #1A35B3 #355AC1 #507FCE #6BA4DC #86C9E9 #A1EEF7

#0010A6 - #A1EEF7

Mezcla HSV

#0010A6 - #A1EEF7 | 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 #0010A6 como 0% y #A1EEF7 como 100%.

0.0%	0.0% #0010A6	RGB 0 16 166	#0010A6
16.7%	16.7% #1338B3	RGB 19 56 179	#1338B3
33.3%	33.3% #2960C1	RGB 41 96 193	#2960C1
50.0%	50.0% #4388CE	RGB 67 136 206	#4388CE
66.7%	66.7% #5FADDC	RGB 95 173 220	#5FADDC
83.3%	83.3% #7ED0E9	RGB 126 208 233	#7ED0E9
100.0%	100.0% #A1EEF7	RGB 161 238 247	#A1EEF7

#0010A6 #1338B3 #2960C1 #4388CE #5FADDC #7ED0E9 #A1EEF7

#0010A6 - #4388CE - #A1EEF7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0010A6 0%, #4388CE 50%, #A1EEF7 100%);
    background: -webkit-linear-gradient(top, #0010A6 0%, #4388CE 50%, #A1EEF7 100%);
    background: linear-gradient(to bottom, #0010A6 0%, #4388CE 50%, #A1EEF7 100%);
}
</style>