#2D4D5E - #042D45 | 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 #2D4D5E a #042D45

#2D4D5E #042D45

Calcule el color entre dos colores, #2D4D5E y #042D45. 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)

#2D4D5E - #042D45 | 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 #2D4D5E como 0% y #042D45 como 100%.

0.0%	0.0% #2D4D5E	RGB 45 77 94	#2D4D5E
16.7%	16.7% #264759	RGB 38 71 89	#264759
33.3%	33.3% #1F4255	RGB 31 66 85	#1F4255
50.0%	50.0% #183D51	RGB 24 61 81	#183D51
66.7%	66.7% #11374D	RGB 17 55 77	#11374D
83.3%	83.3% #0A3249	RGB 10 50 73	#0A3249
100.0%	100.0% #042D45	RGB 4 45 69	#042D45

#2D4D5E #264759 #1F4255 #183D51 #11374D #0A3249 #042D45

#2D4D5E - #042D45

Mezcla HSV

#2D4D5E - #042D45 | 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 #2D4D5E como 0% y #042D45 como 100%.

0.0%	0.0% #2D4D5E	RGB 45 77 94	#2D4D5E
16.7%	16.7% #244759	RGB 36 71 89	#244759
33.3%	33.3% #1C4155	RGB 28 65 85	#1C4155
50.0%	50.0% #153C51	RGB 21 60 81	#153C51
66.7%	66.7% #0F364D	RGB 15 54 77	#0F364D
83.3%	83.3% #093149	RGB 9 49 73	#093149
100.0%	100.0% #042D45	RGB 4 45 69	#042D45

#2D4D5E #244759 #1C4155 #153C51 #0F364D #093149 #042D45

#2D4D5E - #153C51 - #042D45

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4D5E 0%, #153C51 50%, #042D45 100%);
    background: -webkit-linear-gradient(top, #2D4D5E 0%, #153C51 50%, #042D45 100%);
    background: linear-gradient(to bottom, #2D4D5E 0%, #153C51 50%, #042D45 100%);
}
</style>