#5E8C5E - #243B1D | 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 #5E8C5E a #243B1D

#5E8C5E #243B1D

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

#5E8C5E - #243B1D | 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 #5E8C5E como 0% y #243B1D como 100%.

0.0%	0.0% #5E8C5E	RGB 94 140 94	#5E8C5E
16.7%	16.7% #547E53	RGB 84 126 83	#547E53
33.3%	33.3% #4A7148	RGB 74 113 72	#4A7148
50.0%	50.0% #41633D	RGB 65 99 61	#41633D
66.7%	66.7% #375632	RGB 55 86 50	#375632
83.3%	83.3% #2D4827	RGB 45 72 39	#2D4827
100.0%	100.0% #243B1D	RGB 36 59 29	#243B1D

#5E8C5E #547E53 #4A7148 #41633D #375632 #2D4827 #243B1D

#5E8C5E - #243B1D

Mezcla HSV

#5E8C5E - #243B1D | 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 #5E8C5E como 0% y #243B1D como 100%.

0.0%	0.0% #5E8C5E	RGB 94 140 94	#5E8C5E
16.7%	16.7% #527E51	RGB 82 126 81	#527E51
33.3%	33.3% #487145	RGB 72 113 69	#487145
50.0%	50.0% #3E6339	RGB 62 99 57	#3E6339
66.7%	66.7% #35562F	RGB 53 86 47	#35562F
83.3%	83.3% #2C4825	RGB 44 72 37	#2C4825
100.0%	100.0% #243B1D	RGB 36 59 29	#243B1D

#5E8C5E #527E51 #487145 #3E6339 #35562F #2C4825 #243B1D

#5E8C5E - #3E6339 - #243B1D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C5E 0%, #3E6339 50%, #243B1D 100%);
    background: -webkit-linear-gradient(top, #5E8C5E 0%, #3E6339 50%, #243B1D 100%);
    background: linear-gradient(to bottom, #5E8C5E 0%, #3E6339 50%, #243B1D 100%);
}
</style>