#0300A6 - #A1E5F7 | 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 #0300A6 a #A1E5F7

#0300A6 #A1E5F7

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

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

0.0%	0.0% #0300A6	RGB 3 0 166	#0300A6
16.7%	16.7% #1D26B3	RGB 29 38 179	#1D26B3
33.3%	33.3% #374CC1	RGB 55 76 193	#374CC1
50.0%	50.0% #5272CE	RGB 82 114 206	#5272CE
66.7%	66.7% #6C98DC	RGB 108 152 220	#6C98DC
83.3%	83.3% #86BEE9	RGB 134 190 233	#86BEE9
100.0%	100.0% #A1E5F7	RGB 161 229 247	#A1E5F7

#0300A6 #1D26B3 #374CC1 #5272CE #6C98DC #86BEE9 #A1E5F7

#0300A6 - #A1E5F7

Mezcla HSV

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

0.0%	0.0% #0200A6	RGB 2 0 166	#0200A6
16.7%	16.7% #1326B3	RGB 19 38 179	#1326B3
33.3%	33.3% #294FC1	RGB 41 79 193	#294FC1
50.0%	50.0% #4379CE	RGB 67 121 206	#4379CE
66.7%	66.7% #5FA0DC	RGB 95 160 220	#5FA0DC
83.3%	83.3% #7EC4E9	RGB 126 196 233	#7EC4E9
100.0%	100.0% #A1E5F7	RGB 161 229 247	#A1E5F7

#0200A6 #1326B3 #294FC1 #4379CE #5FA0DC #7EC4E9 #A1E5F7

#0300A6 - #4379CE - #A1E5F7

Códigos CSS

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

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