#3C5E3C - #A59D70 | 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 #3C5E3C a #A59D70

#3C5E3C #A59D70

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

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

0.0%	0.0% #3C5E3C	RGB 60 94 60	#3C5E3C
16.7%	16.7% #4D6844	RGB 77 104 68	#4D6844
33.3%	33.3% #5F734D	RGB 95 115 77	#5F734D
50.0%	50.0% #707D56	RGB 112 125 86	#707D56
66.7%	66.7% #82885E	RGB 130 136 94	#82885E
83.3%	83.3% #939267	RGB 147 146 103	#939267
100.0%	100.0% #A59D70	RGB 165 157 112	#A59D70

#3C5E3C #4D6844 #5F734D #707D56 #82885E #939267 #A59D70

#3C5E3C - #A59D70

Mezcla HSV

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

0.0%	0.0% #3C5E3C	RGB 60 94 60	#3C5E3C
16.7%	16.7% #4B6944	RGB 75 105 68	#4B6944
33.3%	33.3% #5C754C	RGB 92 117 76	#5C754C
50.0%	50.0% #6E8155	RGB 110 129 85	#6E8155
66.7%	66.7% #828D5E	RGB 130 141 94	#828D5E
83.3%	83.3% #979966	RGB 151 153 102	#979966
100.0%	100.0% #A59D70	RGB 165 157 112	#A59D70

#3C5E3C #4B6944 #5C754C #6E8155 #828D5E #979966 #A59D70

#3C5E3C - #6E8155 - #A59D70

Códigos CSS

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

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