#5E6E5E - #1E4E13 | 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 #5E6E5E a #1E4E13

#5E6E5E #1E4E13

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

#5E6E5E - #1E4E13 | 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 #5E6E5E como 0% y #1E4E13 como 100%.

0.0%	0.0% #5E6E5E	RGB 94 110 94	#5E6E5E
16.7%	16.7% #536851	RGB 83 104 81	#536851
33.3%	33.3% #486345	RGB 72 99 69	#486345
50.0%	50.0% #3E5E38	RGB 62 94 56	#3E5E38
66.7%	66.7% #33582C	RGB 51 88 44	#33582C
83.3%	83.3% #28531F	RGB 40 83 31	#28531F
100.0%	100.0% #1E4E13	RGB 30 78 19	#1E4E13

#5E6E5E #536851 #486345 #3E5E38 #33582C #28531F #1E4E13

#5E6E5E - #1E4E13

Mezcla HSV

#5E6E5E - #1E4E13 | 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 #5E6E5E como 0% y #1E4E13 como 100%.

0.0%	0.0% #5E6E5E	RGB 94 110 94	#5E6E5E
16.7%	16.7% #4F684E	RGB 79 104 78	#4F684E
33.3%	33.3% #426340	RGB 66 99 64	#426340
50.0%	50.0% #375E33	RGB 55 94 51	#375E33
66.7%	66.7% #2D5827	RGB 45 88 39	#2D5827
83.3%	83.3% #25531C	RGB 37 83 28	#25531C
100.0%	100.0% #1E4E13	RGB 30 78 19	#1E4E13

#5E6E5E #4F684E #426340 #375E33 #2D5827 #25531C #1E4E13

#5E6E5E - #375E33 - #1E4E13

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6E5E 0%, #375E33 50%, #1E4E13 100%);
    background: -webkit-linear-gradient(top, #5E6E5E 0%, #375E33 50%, #1E4E13 100%);
    background: linear-gradient(to bottom, #5E6E5E 0%, #375E33 50%, #1E4E13 100%);
}
</style>