#2B5E4D - #003914 | 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 #2B5E4D a #003914

#2B5E4D #003914

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

#2B5E4D - #003914 | 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 #2B5E4D como 0% y #003914 como 100%.

0.0%	0.0% #2B5E4D	RGB 43 94 77	#2B5E4D
16.7%	16.7% #235743	RGB 35 87 67	#235743
33.3%	33.3% #1C513A	RGB 28 81 58	#1C513A
50.0%	50.0% #154B30	RGB 21 75 48	#154B30
66.7%	66.7% #0E4527	RGB 14 69 39	#0E4527
83.3%	83.3% #073F1D	RGB 7 63 29	#073F1D
100.0%	100.0% #003914	RGB 0 57 20	#003914

#2B5E4D #235743 #1C513A #154B30 #0E4527 #073F1D #003914

#2B5E4D - #003914

Mezcla HSV

#2B5E4D - #003914 | 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 #2B5E4D como 0% y #003914 como 100%.

0.0%	0.0% #2B5E4D	RGB 43 94 77	#2B5E4D
16.7%	16.7% #215742	RGB 33 87 66	#215742
33.3%	33.3% #185138	RGB 24 81 56	#185138
50.0%	50.0% #114B2E	RGB 17 75 46	#114B2E
66.7%	66.7% #0A4525	RGB 10 69 37	#0A4525
83.3%	83.3% #043F1C	RGB 4 63 28	#043F1C
100.0%	100.0% #003914	RGB 0 57 20	#003914

#2B5E4D #215742 #185138 #114B2E #0A4525 #043F1C #003914

#2B5E4D - #114B2E - #003914

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E4D 0%, #114B2E 50%, #003914 100%);
    background: -webkit-linear-gradient(top, #2B5E4D 0%, #114B2E 50%, #003914 100%);
    background: linear-gradient(to bottom, #2B5E4D 0%, #114B2E 50%, #003914 100%);
}
</style>