#2A00A6 - #9FF0FF | 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 #2A00A6 a #9FF0FF

#2A00A6 #9FF0FF

Calcule el color entre dos colores, #2A00A6 y #9FF0FF. 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)

#2A00A6 - #9FF0FF | 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 #2A00A6 como 0% y #9FF0FF como 100%.

0.0%	0.0% #2A00A6	RGB 42 0 166	#2A00A6
16.7%	16.7% #3D28B4	RGB 61 40 180	#3D28B4
33.3%	33.3% #5150C3	RGB 81 80 195	#5150C3
50.0%	50.0% #6478D2	RGB 100 120 210	#6478D2
66.7%	66.7% #78A0E1	RGB 120 160 225	#78A0E1
83.3%	83.3% #8BC8F0	RGB 139 200 240	#8BC8F0
100.0%	100.0% #9FF0FF	RGB 159 240 255	#9FF0FF

#2A00A6 #3D28B4 #5150C3 #6478D2 #78A0E1 #8BC8F0 #9FF0FF

#2A00A6 - #9FF0FF

Mezcla HSV

#2A00A6 - #9FF0FF | 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 #2A00A6 como 0% y #9FF0FF como 100%.

0.0%	0.0% #2A00A6	RGB 42 0 166	#2A00A6
16.7%	16.7% #1E12B4	RGB 30 18 180	#1E12B4
33.3%	33.3% #283AC3	RGB 40 58 195	#283AC3
50.0%	50.0% #416CD2	RGB 65 108 210	#416CD2
66.7%	66.7% #5D9CE1	RGB 93 156 225	#5D9CE1
83.3%	83.3% #7CC9F0	RGB 124 201 240	#7CC9F0
100.0%	100.0% #9FF0FF	RGB 159 240 255	#9FF0FF

#2A00A6 #1E12B4 #283AC3 #416CD2 #5D9CE1 #7CC9F0 #9FF0FF

#2A00A6 - #416CD2 - #9FF0FF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A00A6 0%, #416CD2 50%, #9FF0FF 100%);
    background: -webkit-linear-gradient(top, #2A00A6 0%, #416CD2 50%, #9FF0FF 100%);
    background: linear-gradient(to bottom, #2A00A6 0%, #416CD2 50%, #9FF0FF 100%);
}
</style>