#002996 - #9FD2E2 | 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 #002996 a #9FD2E2

#002996 #9FD2E2

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

#002996 - #9FD2E2 | 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 #002996 como 0% y #9FD2E2 como 100%.

0.0%	0.0% #002996	RGB 0 41 150	#002996
16.7%	16.7% #1A45A2	RGB 26 69 162	#1A45A2
33.3%	33.3% #3561AF	RGB 53 97 175	#3561AF
50.0%	50.0% #4F7DBC	RGB 79 125 188	#4F7DBC
66.7%	66.7% #6A99C8	RGB 106 153 200	#6A99C8
83.3%	83.3% #84B5D5	RGB 132 181 213	#84B5D5
100.0%	100.0% #9FD2E2	RGB 159 210 226	#9FD2E2

#002996 #1A45A2 #3561AF #4F7DBC #6A99C8 #84B5D5 #9FD2E2

#002996 - #9FD2E2

Mezcla HSV

#002996 - #9FD2E2 | 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 #002996 como 0% y #9FD2E2 como 100%.

0.0%	0.0% #002996	RGB 0 41 150	#002996
16.7%	16.7% #1345A2	RGB 19 69 162	#1345A2
33.3%	33.3% #2963AF	RGB 41 99 175	#2963AF
50.0%	50.0% #4281BC	RGB 66 129 188	#4281BC
66.7%	66.7% #5E9DC8	RGB 94 157 200	#5E9DC8
83.3%	83.3% #7DB9D5	RGB 125 185 213	#7DB9D5
100.0%	100.0% #9FD2E2	RGB 159 210 226	#9FD2E2

#002996 #1345A2 #2963AF #4281BC #5E9DC8 #7DB9D5 #9FD2E2

#002996 - #4281BC - #9FD2E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002996 0%, #4281BC 50%, #9FD2E2 100%);
    background: -webkit-linear-gradient(top, #002996 0%, #4281BC 50%, #9FD2E2 100%);
    background: linear-gradient(to bottom, #002996 0%, #4281BC 50%, #9FD2E2 100%);
}
</style>