#2F5E00 - #363900 | 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 #2F5E00 a #363900

#2F5E00 #363900

Calcule el color entre dos colores, #2F5E00 y #363900. 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)

#2F5E00 - #363900 | 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 #2F5E00 como 0% y #363900 como 100%.

0.0%	0.0% #2F5E00	RGB 47 94 0	#2F5E00
16.7%	16.7% #305700	RGB 48 87 0	#305700
33.3%	33.3% #315100	RGB 49 81 0	#315100
50.0%	50.0% #324B00	RGB 50 75 0	#324B00
66.7%	66.7% #334500	RGB 51 69 0	#334500
83.3%	83.3% #343F00	RGB 52 63 0	#343F00
100.0%	100.0% #363900	RGB 54 57 0	#363900

#2F5E00 #305700 #315100 #324B00 #334500 #343F00 #363900

#2F5E00 - #363900

Mezcla HSV

#2F5E00 - #363900 | 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 #2F5E00 como 0% y #363900 como 100%.

0.0%	0.0% #2F5E00	RGB 47 94 0	#2F5E00
16.7%	16.7% #325700	RGB 50 87 0	#325700
33.3%	33.3% #355100	RGB 53 81 0	#355100
50.0%	50.0% #364B00	RGB 54 75 0	#364B00
66.7%	66.7% #374500	RGB 55 69 0	#374500
83.3%	83.3% #373F00	RGB 55 63 0	#373F00
100.0%	100.0% #363900	RGB 54 57 0	#363900

#2F5E00 #325700 #355100 #364B00 #374500 #373F00 #363900

#2F5E00 - #364B00 - #363900

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E00 0%, #364B00 50%, #363900 100%);
    background: -webkit-linear-gradient(top, #2F5E00 0%, #364B00 50%, #363900 100%);
    background: linear-gradient(to bottom, #2F5E00 0%, #364B00 50%, #363900 100%);
}
</style>