#5E8C5E - #283A18 | 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 #283A18

#5E8C5E #283A18

Calcule el color entre dos colores, #5E8C5E y #283A18. 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 - #283A18 | 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 #283A18 como 100%.

0.0%	0.0% #5E8C5E	RGB 94 140 94	#5E8C5E
16.7%	16.7% #557E52	RGB 85 126 82	#557E52
33.3%	33.3% #4C7046	RGB 76 112 70	#4C7046
50.0%	50.0% #43633B	RGB 67 99 59	#43633B
66.7%	66.7% #3A552F	RGB 58 85 47	#3A552F
83.3%	83.3% #314723	RGB 49 71 35	#314723
100.0%	100.0% #283A18	RGB 40 58 24	#283A18

#5E8C5E #557E52 #4C7046 #43633B #3A552F #314723 #283A18

#5E8C5E - #283A18

Mezcla HSV

#5E8C5E - #283A18 | 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 #283A18 como 100%.

0.0%	0.0% #5E8C5E	RGB 94 140 94	#5E8C5E
16.7%	16.7% #537E4F	RGB 83 126 79	#537E4F
33.3%	33.3% #497041	RGB 73 112 65	#497041
50.0%	50.0% #406335	RGB 64 99 53	#406335
66.7%	66.7% #38552A	RGB 56 85 42	#38552A
83.3%	83.3% #304720	RGB 48 71 32	#304720
100.0%	100.0% #283A18	RGB 40 58 24	#283A18

#5E8C5E #537E4F #497041 #406335 #38552A #304720 #283A18

#5E8C5E - #406335 - #283A18

Códigos CSS

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

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