#4900A1 - #A3C2F5 | 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 #4900A1 a #A3C2F5

#4900A1 #A3C2F5

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

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

0.0%	0.0% #4900A1	RGB 73 0 161	#4900A1
16.7%	16.7% #5820AF	RGB 88 32 175	#5820AF
33.3%	33.3% #6740BD	RGB 103 64 189	#6740BD
50.0%	50.0% #7661CB	RGB 118 97 203	#7661CB
66.7%	66.7% #8581D9	RGB 133 129 217	#8581D9
83.3%	83.3% #94A1E7	RGB 148 161 231	#94A1E7
100.0%	100.0% #A3C2F5	RGB 163 194 245	#A3C2F5

#4900A1 #5820AF #6740BD #7661CB #8581D9 #94A1E7 #A3C2F5

#4900A1 - #A3C2F5

Mezcla HSV

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

0.0%	0.0% #4800A1	RGB 72 0 161	#4800A1
16.7%	16.7% #4413AF	RGB 68 19 175	#4413AF
33.3%	33.3% #4329BD	RGB 67 41 189	#4329BD
50.0%	50.0% #4843CB	RGB 72 67 203	#4843CB
66.7%	66.7% #606CD9	RGB 96 108 217	#606CD9
83.3%	83.3% #8098E7	RGB 128 152 231	#8098E7
100.0%	100.0% #A3C2F5	RGB 163 194 245	#A3C2F5

#4800A1 #4413AF #4329BD #4843CB #606CD9 #8098E7 #A3C2F5

#4900A1 - #4843CB - #A3C2F5

Códigos CSS

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

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