#3D498B - #1D052C | 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 #3D498B a #1D052C

#3D498B #1D052C

Calcule el color entre dos colores, #3D498B y #1D052C. 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)

#3D498B - #1D052C | 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 #3D498B como 0% y #1D052C como 100%.

0.0%	0.0% #3D498B	RGB 61 73 139	#3D498B
16.7%	16.7% #373D7B	RGB 55 61 123	#373D7B
33.3%	33.3% #32326B	RGB 50 50 107	#32326B
50.0%	50.0% #2D275B	RGB 45 39 91	#2D275B
66.7%	66.7% #271B4B	RGB 39 27 75	#271B4B
83.3%	83.3% #22103B	RGB 34 16 59	#22103B
100.0%	100.0% #1D052C	RGB 29 5 44	#1D052C

#3D498B #373D7B #32326B #2D275B #271B4B #22103B #1D052C

#3D498B - #1D052C

Mezcla HSV

#3D498B - #1D052C | 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 #3D498B como 0% y #1D052C como 100%.

0.0%	0.0% #3D488B	RGB 61 72 139	#3D488B
16.7%	16.7% #2F317B	RGB 47 49 123	#2F317B
33.3%	33.3% #2A236B	RGB 42 35 107	#2A236B
50.0%	50.0% #28195B	RGB 40 25 91	#28195B
66.7%	66.7% #25104B	RGB 37 16 75	#25104B
83.3%	83.3% #220A3B	RGB 34 10 59	#220A3B
100.0%	100.0% #1D052C	RGB 29 5 44	#1D052C

#3D488B #2F317B #2A236B #28195B #25104B #220A3B #1D052C

#3D498B - #28195B - #1D052C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D488B 0%, #28195B 50%, #1D052C 100%);
    background: -webkit-linear-gradient(top, #3D488B 0%, #28195B 50%, #1D052C 100%);
    background: linear-gradient(to bottom, #3D488B 0%, #28195B 50%, #1D052C 100%);
}
</style>