#152A00 - #5A6E1C | 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 #152A00 a #5A6E1C

#152A00 #5A6E1C

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

#152A00 - #5A6E1C | 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 #152A00 como 0% y #5A6E1C como 100%.

0.0%	0.0% #152A00	RGB 21 42 0	#152A00
16.7%	16.7% #203504	RGB 32 53 4	#203504
33.3%	33.3% #2C4009	RGB 44 64 9	#2C4009
50.0%	50.0% #374C0E	RGB 55 76 14	#374C0E
66.7%	66.7% #435712	RGB 67 87 18	#435712
83.3%	83.3% #4E6217	RGB 78 98 23	#4E6217
100.0%	100.0% #5A6E1C	RGB 90 110 28	#5A6E1C

#152A00 #203504 #2C4009 #374C0E #435712 #4E6217 #5A6E1C

#152A00 - #5A6E1C

Mezcla HSV

#152A00 - #5A6E1C | 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 #152A00 como 0% y #5A6E1C como 100%.

0.0%	0.0% #152A00	RGB 21 42 0	#152A00
16.7%	16.7% #1D3502	RGB 29 53 2	#1D3502
33.3%	33.3% #284005	RGB 40 64 5	#284005
50.0%	50.0% #334C09	RGB 51 76 9	#334C09
66.7%	66.7% #3F570E	RGB 63 87 14	#3F570E
83.3%	83.3% #4C6214	RGB 76 98 20	#4C6214
100.0%	100.0% #5A6E1C	RGB 90 110 28	#5A6E1C

#152A00 #1D3502 #284005 #334C09 #3F570E #4C6214 #5A6E1C

#152A00 - #334C09 - #5A6E1C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #152A00 0%, #334C09 50%, #5A6E1C 100%);
    background: -webkit-linear-gradient(top, #152A00 0%, #334C09 50%, #5A6E1C 100%);
    background: linear-gradient(to bottom, #152A00 0%, #334C09 50%, #5A6E1C 100%);
}
</style>