#3E5E3E - #A59C71 | 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 #A59C71

#3E5E3E #A59C71

Calcule el color entre dos colores, #3E5E3E y #A59C71. 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 - #A59C71 | 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 #A59C71 como 100%.

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #4F6846	RGB 79 104 70	#4F6846
33.3%	33.3% #60724F	RGB 96 114 79	#60724F
50.0%	50.0% #717D57	RGB 113 125 87	#717D57
66.7%	66.7% #828760	RGB 130 135 96	#828760
83.3%	83.3% #939168	RGB 147 145 104	#939168
100.0%	100.0% #A59C71	RGB 165 156 113	#A59C71

#3E5E3E #4F6846 #60724F #717D57 #828760 #939168 #A59C71

#3E5E3E - #A59C71

Mezcla HSV

#3E5E3E - #A59C71 | 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 #A59C71 como 100%.

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #4D6946	RGB 77 105 70	#4D6946
33.3%	33.3% #5D754E	RGB 93 117 78	#5D754E
50.0%	50.0% #6F8157	RGB 111 129 87	#6F8157
66.7%	66.7% #838D5F	RGB 131 141 95	#838D5F
83.3%	83.3% #989968	RGB 152 153 104	#989968
100.0%	100.0% #A59C71	RGB 165 156 113	#A59C71

#3E5E3E #4D6946 #5D754E #6F8157 #838D5F #989968 #A59C71

#3E5E3E - #6F8157 - #A59C71

Códigos CSS

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

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