#2D4AA1 - #141D3E | 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 #2D4AA1 a #141D3E

#2D4AA1 #141D3E

Calcule el color entre dos colores, #2D4AA1 y #141D3E. 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)

#2D4AA1 - #141D3E | 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 #2D4AA1 como 0% y #141D3E como 100%.

0.0%	0.0% #2D4AA1	RGB 45 74 161	#2D4AA1
16.7%	16.7% #284290	RGB 40 66 144	#284290
33.3%	33.3% #243B80	RGB 36 59 128	#243B80
50.0%	50.0% #20336F	RGB 32 51 111	#20336F
66.7%	66.7% #1C2C5F	RGB 28 44 95	#1C2C5F
83.3%	83.3% #18244E	RGB 24 36 78	#18244E
100.0%	100.0% #141D3E	RGB 20 29 62	#141D3E

#2D4AA1 #284290 #243B80 #20336F #1C2C5F #18244E #141D3E

#2D4AA1 - #141D3E

Mezcla HSV

#2D4AA1 - #141D3E | 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 #2D4AA1 como 0% y #141D3E como 100%.

0.0%	0.0% #2D4AA1	RGB 45 74 161	#2D4AA1
16.7%	16.7% #294290	RGB 41 66 144	#294290
33.3%	33.3% #253B80	RGB 37 59 128	#253B80
50.0%	50.0% #21336F	RGB 33 51 111	#21336F
66.7%	66.7% #1D2C5F	RGB 29 44 95	#1D2C5F
83.3%	83.3% #18244E	RGB 24 36 78	#18244E
100.0%	100.0% #141D3E	RGB 20 29 62	#141D3E

#2D4AA1 #294290 #253B80 #21336F #1D2C5F #18244E #141D3E

#2D4AA1 - #21336F - #141D3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4AA1 0%, #21336F 50%, #141D3E 100%);
    background: -webkit-linear-gradient(top, #2D4AA1 0%, #21336F 50%, #141D3E 100%);
    background: linear-gradient(to bottom, #2D4AA1 0%, #21336F 50%, #141D3E 100%);
}
</style>