#1B611B - #A4B84E | 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 #1B611B a #A4B84E

#1B611B #A4B84E

Calcule el color entre dos colores, #1B611B y #A4B84E. 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)

#1B611B - #A4B84E | 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 #1B611B como 0% y #A4B84E como 100%.

0.0%	0.0% #1B611B	RGB 27 97 27	#1B611B
16.7%	16.7% #316F23	RGB 49 111 35	#316F23
33.3%	33.3% #487E2C	RGB 72 126 44	#487E2C
50.0%	50.0% #5F8C34	RGB 95 140 52	#5F8C34
66.7%	66.7% #769B3D	RGB 118 155 61	#769B3D
83.3%	83.3% #8DA945	RGB 141 169 69	#8DA945
100.0%	100.0% #A4B84E	RGB 164 184 78	#A4B84E

#1B611B #316F23 #487E2C #5F8C34 #769B3D #8DA945 #A4B84E

#1B611B - #A4B84E

Mezcla HSV

#1B611B - #A4B84E | 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 #1B611B como 0% y #A4B84E como 100%.

0.0%	0.0% #1B611B	RGB 27 97 27	#1B611B
16.7%	16.7% #2C6F21	RGB 44 111 33	#2C6F21
33.3%	33.3% #407E29	RGB 64 126 41	#407E29
50.0%	50.0% #568C31	RGB 86 140 49	#568C31
66.7%	66.7% #6E9B3A	RGB 110 155 58	#6E9B3A
83.3%	83.3% #88A943	RGB 136 169 67	#88A943
100.0%	100.0% #A4B84E	RGB 164 184 78	#A4B84E

#1B611B #2C6F21 #407E29 #568C31 #6E9B3A #88A943 #A4B84E

#1B611B - #568C31 - #A4B84E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B611B 0%, #568C31 50%, #A4B84E 100%);
    background: -webkit-linear-gradient(top, #1B611B 0%, #568C31 50%, #A4B84E 100%);
    background: linear-gradient(to bottom, #1B611B 0%, #568C31 50%, #A4B84E 100%);
}
</style>