#154D14 - #839F46 | 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 #154D14 a #839F46

#154D14 #839F46

Calcule el color entre dos colores, #154D14 y #839F46. 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)

#154D14 - #839F46 | 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 #154D14 como 0% y #839F46 como 100%.

0.0%	0.0% #154D14	RGB 21 77 20	#154D14
16.7%	16.7% #275A1C	RGB 39 90 28	#275A1C
33.3%	33.3% #396824	RGB 57 104 36	#396824
50.0%	50.0% #4C762D	RGB 76 118 45	#4C762D
66.7%	66.7% #5E8335	RGB 94 131 53	#5E8335
83.3%	83.3% #70913D	RGB 112 145 61	#70913D
100.0%	100.0% #839F46	RGB 131 159 70	#839F46

#154D14 #275A1C #396824 #4C762D #5E8335 #70913D #839F46

#154D14 - #839F46

Mezcla HSV

#154D14 - #839F46 | 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 #154D14 como 0% y #839F46 como 100%.

0.0%	0.0% #154D13	RGB 21 77 19	#154D13
16.7%	16.7% #225A1A	RGB 34 90 26	#225A1A
33.3%	33.3% #326821	RGB 50 104 33	#326821
50.0%	50.0% #447629	RGB 68 118 41	#447629
66.7%	66.7% #578332	RGB 87 131 50	#578332
83.3%	83.3% #6C913B	RGB 108 145 59	#6C913B
100.0%	100.0% #839F46	RGB 131 159 70	#839F46

#154D13 #225A1A #326821 #447629 #578332 #6C913B #839F46

#154D14 - #447629 - #839F46

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #154D13 0%, #447629 50%, #839F46 100%);
    background: -webkit-linear-gradient(top, #154D13 0%, #447629 50%, #839F46 100%);
    background: linear-gradient(to bottom, #154D13 0%, #447629 50%, #839F46 100%);
}
</style>