#21501D - #8FA04C | 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 #21501D a #8FA04C

#21501D #8FA04C

Calcule el color entre dos colores, #21501D y #8FA04C. 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)

#21501D - #8FA04C | 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 #21501D como 0% y #8FA04C como 100%.

0.0%	0.0% #21501D	RGB 33 80 29	#21501D
16.7%	16.7% #335D24	RGB 51 93 36	#335D24
33.3%	33.3% #456A2C	RGB 69 106 44	#456A2C
50.0%	50.0% #587834	RGB 88 120 52	#587834
66.7%	66.7% #6A853C	RGB 106 133 60	#6A853C
83.3%	83.3% #7C9244	RGB 124 146 68	#7C9244
100.0%	100.0% #8FA04C	RGB 143 160 76	#8FA04C

#21501D #335D24 #456A2C #587834 #6A853C #7C9244 #8FA04C

#21501D - #8FA04C

Mezcla HSV

#21501D - #8FA04C | 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 #21501D como 0% y #8FA04C como 100%.

0.0%	0.0% #20501D	RGB 32 80 29	#20501D
16.7%	16.7% #2F5D23	RGB 47 93 35	#2F5D23
33.3%	33.3% #3F6A2A	RGB 63 106 42	#3F6A2A
50.0%	50.0% #507832	RGB 80 120 50	#507832
66.7%	66.7% #64853A	RGB 100 133 58	#64853A
83.3%	83.3% #789242	RGB 120 146 66	#789242
100.0%	100.0% #8FA04C	RGB 143 160 76	#8FA04C

#20501D #2F5D23 #3F6A2A #507832 #64853A #789242 #8FA04C

#21501D - #507832 - #8FA04C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20501D 0%, #507832 50%, #8FA04C 100%);
    background: -webkit-linear-gradient(top, #20501D 0%, #507832 50%, #8FA04C 100%);
    background: linear-gradient(to bottom, #20501D 0%, #507832 50%, #8FA04C 100%);
}
</style>