#5E7E5E - #146829 | 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 #5E7E5E a #146829

#5E7E5E #146829

Calcule el color entre dos colores, #5E7E5E y #146829. 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)

#5E7E5E - #146829 | 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 #5E7E5E como 0% y #146829 como 100%.

0.0%	0.0% #5E7E5E	RGB 94 126 94	#5E7E5E
16.7%	16.7% #517A55	RGB 81 122 85	#517A55
33.3%	33.3% #45764C	RGB 69 118 76	#45764C
50.0%	50.0% #397343	RGB 57 115 67	#397343
66.7%	66.7% #2C6F3A	RGB 44 111 58	#2C6F3A
83.3%	83.3% #206B31	RGB 32 107 49	#206B31
100.0%	100.0% #146829	RGB 20 104 41	#146829

#5E7E5E #517A55 #45764C #397343 #2C6F3A #206B31 #146829

#5E7E5E - #146829

Mezcla HSV

#5E7E5E - #146829 | 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 #5E7E5E como 0% y #146829 como 100%.

0.0%	0.0% #5E7E5E	RGB 94 126 94	#5E7E5E
16.7%	16.7% #4F7A51	RGB 79 122 81	#4F7A51
33.3%	33.3% #427646	RGB 66 118 70	#427646
50.0%	50.0% #35733D	RGB 53 115 61	#35733D
66.7%	66.7% #296F35	RGB 41 111 53	#296F35
83.3%	83.3% #1E6B2E	RGB 30 107 46	#1E6B2E
100.0%	100.0% #146829	RGB 20 104 41	#146829

#5E7E5E #4F7A51 #427646 #35733D #296F35 #1E6B2E #146829

#5E7E5E - #35733D - #146829

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E5E 0%, #35733D 50%, #146829 100%);
    background: -webkit-linear-gradient(top, #5E7E5E 0%, #35733D 50%, #146829 100%);
    background: linear-gradient(to bottom, #5E7E5E 0%, #35733D 50%, #146829 100%);
}
</style>