#3E5E3E - #ADA963 | 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 #3E5E3E a #ADA963

#3E5E3E #ADA963

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

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

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #506A44	RGB 80 106 68	#506A44
33.3%	33.3% #63774A	RGB 99 119 74	#63774A
50.0%	50.0% #758350	RGB 117 131 80	#758350
66.7%	66.7% #889056	RGB 136 144 86	#889056
83.3%	83.3% #9A9C5C	RGB 154 156 92	#9A9C5C
100.0%	100.0% #ADA963	RGB 173 169 99	#ADA963

#3E5E3E #506A44 #63774A #758350 #889056 #9A9C5C #ADA963

#3E5E3E - #ADA963

Mezcla HSV

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

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #4B6B45	RGB 75 107 69	#4B6B45
33.3%	33.3% #5B784B	RGB 91 120 75	#5B784B
50.0%	50.0% #6D8552	RGB 109 133 82	#6D8552
66.7%	66.7% #819258	RGB 129 146 88	#819258
83.3%	83.3% #979F5D	RGB 151 159 93	#979F5D
100.0%	100.0% #ADA963	RGB 173 169 99	#ADA963

#3E5E3E #4B6B45 #5B784B #6D8552 #819258 #979F5D #ADA963

#3E5E3E - #6D8552 - #ADA963

Códigos CSS

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

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