#2100A6 - #A1D4F7 | 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 #2100A6 a #A1D4F7

#2100A6 #A1D4F7

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

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

0.0%	0.0% #2100A6	RGB 33 0 166	#2100A6
16.7%	16.7% #3623B3	RGB 54 35 179	#3623B3
33.3%	33.3% #4B46C1	RGB 75 70 193	#4B46C1
50.0%	50.0% #616ACE	RGB 97 106 206	#616ACE
66.7%	66.7% #768DDC	RGB 118 141 220	#768DDC
83.3%	83.3% #8BB0E9	RGB 139 176 233	#8BB0E9
100.0%	100.0% #A1D4F7	RGB 161 212 247	#A1D4F7

#2100A6 #3623B3 #4B46C1 #616ACE #768DDC #8BB0E9 #A1D4F7

#2100A6 - #A1D4F7

Mezcla HSV

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

0.0%	0.0% #2000A6	RGB 32 0 166	#2000A6
16.7%	16.7% #1E13B3	RGB 30 19 179	#1E13B3
33.3%	33.3% #2933C1	RGB 41 51 193	#2933C1
50.0%	50.0% #435ECE	RGB 67 94 206	#435ECE
66.7%	66.7% #5F88DC	RGB 95 136 220	#5F88DC
83.3%	83.3% #7EB0E9	RGB 126 176 233	#7EB0E9
100.0%	100.0% #A1D4F7	RGB 161 212 247	#A1D4F7

#2000A6 #1E13B3 #2933C1 #435ECE #5F88DC #7EB0E9 #A1D4F7

#2100A6 - #435ECE - #A1D4F7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2000A6 0%, #435ECE 50%, #A1D4F7 100%);
    background: -webkit-linear-gradient(top, #2000A6 0%, #435ECE 50%, #A1D4F7 100%);
    background: linear-gradient(to bottom, #2000A6 0%, #435ECE 50%, #A1D4F7 100%);
}
</style>