#154D2B - #031F1A | 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 #154D2B a #031F1A

#154D2B #031F1A

Calcule el color entre dos colores, #154D2B y #031F1A. 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)

#154D2B - #031F1A | 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 #154D2B como 0% y #031F1A como 100%.

0.0%	0.0% #154D2B	RGB 21 77 43	#154D2B
16.7%	16.7% #124528	RGB 18 69 40	#124528
33.3%	33.3% #0F3D25	RGB 15 61 37	#0F3D25
50.0%	50.0% #0C3622	RGB 12 54 34	#0C3622
66.7%	66.7% #092E1F	RGB 9 46 31	#092E1F
83.3%	83.3% #06261C	RGB 6 38 28	#06261C
100.0%	100.0% #031F1A	RGB 3 31 26	#031F1A

#154D2B #124528 #0F3D25 #0C3622 #092E1F #06261C #031F1A

#154D2B - #031F1A

Mezcla HSV

#154D2B - #031F1A | 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 #154D2B como 0% y #031F1A como 100%.

0.0%	0.0% #144D2B	RGB 20 77 43	#144D2B
16.7%	16.7% #104529	RGB 16 69 41	#104529
33.3%	33.3% #0D3D27	RGB 13 61 39	#0D3D27
50.0%	50.0% #093624	RGB 9 54 36	#093624
66.7%	66.7% #072E21	RGB 7 46 33	#072E21
83.3%	83.3% #04261E	RGB 4 38 30	#04261E
100.0%	100.0% #031F1A	RGB 3 31 26	#031F1A

#144D2B #104529 #0D3D27 #093624 #072E21 #04261E #031F1A

#154D2B - #093624 - #031F1A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #144D2B 0%, #093624 50%, #031F1A 100%);
    background: -webkit-linear-gradient(top, #144D2B 0%, #093624 50%, #031F1A 100%);
    background: linear-gradient(to bottom, #144D2B 0%, #093624 50%, #031F1A 100%);
}
</style>