#4900A6 - #A1C0F7 | 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 #4900A6 a #A1C0F7

#4900A6 #A1C0F7

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

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

0.0%	0.0% #4900A6	RGB 73 0 166	#4900A6
16.7%	16.7% #5720B3	RGB 87 32 179	#5720B3
33.3%	33.3% #6640C1	RGB 102 64 193	#6640C1
50.0%	50.0% #7560CE	RGB 117 96 206	#7560CE
66.7%	66.7% #8380DC	RGB 131 128 220	#8380DC
83.3%	83.3% #92A0E9	RGB 146 160 233	#92A0E9
100.0%	100.0% #A1C0F7	RGB 161 192 247	#A1C0F7

#4900A6 #5720B3 #6640C1 #7560CE #8380DC #92A0E9 #A1C0F7

#4900A6 - #A1C0F7

Mezcla HSV

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

0.0%	0.0% #4800A6	RGB 72 0 166	#4800A6
16.7%	16.7% #4413B3	RGB 68 19 179	#4413B3
33.3%	33.3% #4429C1	RGB 68 41 193	#4429C1
50.0%	50.0% #4843CE	RGB 72 67 206	#4843CE
66.7%	66.7% #5F6BDC	RGB 95 107 220	#5F6BDC
83.3%	83.3% #7E97E9	RGB 126 151 233	#7E97E9
100.0%	100.0% #A1C0F7	RGB 161 192 247	#A1C0F7

#4800A6 #4413B3 #4429C1 #4843CE #5F6BDC #7E97E9 #A1C0F7

#4900A6 - #4843CE - #A1C0F7

Códigos CSS

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

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