#000596 - #6D81D1 | 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 #000596 a #6D81D1

#000596 #6D81D1

Calcule el color entre dos colores, #000596 y #6D81D1. 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)

#000596 - #6D81D1 | 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 #000596 como 0% y #6D81D1 como 100%.

0.0%	0.0% #000596	RGB 0 5 150	#000596
16.7%	16.7% #12199F	RGB 18 25 159	#12199F
33.3%	33.3% #242EA9	RGB 36 46 169	#242EA9
50.0%	50.0% #3643B3	RGB 54 67 179	#3643B3
66.7%	66.7% #4857BD	RGB 72 87 189	#4857BD
83.3%	83.3% #5A6CC7	RGB 90 108 199	#5A6CC7
100.0%	100.0% #6D81D1	RGB 109 129 209	#6D81D1

#000596 #12199F #242EA9 #3643B3 #4857BD #5A6CC7 #6D81D1

#000596 - #6D81D1

Mezcla HSV

#000596 - #6D81D1 | 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 #000596 como 0% y #6D81D1 como 100%.

0.0%	0.0% #000496	RGB 0 4 150	#000496
16.7%	16.7% #0D169F	RGB 13 22 159	#0D169F
33.3%	33.3% #1D29A9	RGB 29 41 169	#1D29A9
50.0%	50.0% #2E3EB3	RGB 46 62 179	#2E3EB3
66.7%	66.7% #4153BD	RGB 65 83 189	#4153BD
83.3%	83.3% #5669C7	RGB 86 105 199	#5669C7
100.0%	100.0% #6D81D1	RGB 109 129 209	#6D81D1

#000496 #0D169F #1D29A9 #2E3EB3 #4153BD #5669C7 #6D81D1

#000596 - #2E3EB3 - #6D81D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000496 0%, #2E3EB3 50%, #6D81D1 100%);
    background: -webkit-linear-gradient(top, #000496 0%, #2E3EB3 50%, #6D81D1 100%);
    background: linear-gradient(to bottom, #000496 0%, #2E3EB3 50%, #6D81D1 100%);
}
</style>