#3C5E3A - #ADAA61 | 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 #3C5E3A a #ADAA61

#3C5E3A #ADAA61

Calcule el color entre dos colores, #3C5E3A y #ADAA61. 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)

#3C5E3A - #ADAA61 | 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 #3C5E3A como 0% y #ADAA61 como 100%.

0.0%	0.0% #3C5E3A	RGB 60 94 58	#3C5E3A
16.7%	16.7% #4E6A40	RGB 78 106 64	#4E6A40
33.3%	33.3% #617747	RGB 97 119 71	#617747
50.0%	50.0% #74844D	RGB 116 132 77	#74844D
66.7%	66.7% #879054	RGB 135 144 84	#879054
83.3%	83.3% #9A9D5A	RGB 154 157 90	#9A9D5A
100.0%	100.0% #ADAA61	RGB 173 170 97	#ADAA61

#3C5E3A #4E6A40 #617747 #74844D #879054 #9A9D5A #ADAA61

#3C5E3A - #ADAA61

Mezcla HSV

#3C5E3A - #ADAA61 | 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 #3C5E3A como 0% y #ADAA61 como 100%.

0.0%	0.0% #3C5E3A	RGB 60 94 58	#3C5E3A
16.7%	16.7% #4A6B41	RGB 74 107 65	#4A6B41
33.3%	33.3% #5A7847	RGB 90 120 71	#5A7847
50.0%	50.0% #6C854E	RGB 108 133 78	#6C854E
66.7%	66.7% #809254	RGB 128 146 84	#809254
83.3%	83.3% #979F5B	RGB 151 159 91	#979F5B
100.0%	100.0% #ADAA61	RGB 173 170 97	#ADAA61

#3C5E3A #4A6B41 #5A7847 #6C854E #809254 #979F5B #ADAA61

#3C5E3A - #6C854E - #ADAA61

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E3A 0%, #6C854E 50%, #ADAA61 100%);
    background: -webkit-linear-gradient(top, #3C5E3A 0%, #6C854E 50%, #ADAA61 100%);
    background: linear-gradient(to bottom, #3C5E3A 0%, #6C854E 50%, #ADAA61 100%);
}
</style>