#3C483B - #91BA5E | 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 #3C483B a #91BA5E

#3C483B #91BA5E

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

#3C483B - #91BA5E | 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 #3C483B como 0% y #91BA5E como 100%.

0.0%	0.0% #3C483B	RGB 60 72 59	#3C483B
16.7%	16.7% #4A5B40	RGB 74 91 64	#4A5B40
33.3%	33.3% #586E46	RGB 88 110 70	#586E46
50.0%	50.0% #66814C	RGB 102 129 76	#66814C
66.7%	66.7% #749452	RGB 116 148 82	#749452
83.3%	83.3% #82A758	RGB 130 167 88	#82A758
100.0%	100.0% #91BA5E	RGB 145 186 94	#91BA5E

#3C483B #4A5B40 #586E46 #66814C #749452 #82A758 #91BA5E

#3C483B - #91BA5E

Mezcla HSV

#3C483B - #91BA5E | 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 #3C483B como 0% y #91BA5E como 100%.

0.0%	0.0% #3C483B	RGB 60 72 59	#3C483B
16.7%	16.7% #495B45	RGB 73 91 69	#495B45
33.3%	33.3% #566E4E	RGB 86 110 78	#566E4E
50.0%	50.0% #638155	RGB 99 129 85	#638155
66.7%	66.7% #71945A	RGB 113 148 90	#71945A
83.3%	83.3% #80A75D	RGB 128 167 93	#80A75D
100.0%	100.0% #91BA5E	RGB 145 186 94	#91BA5E

#3C483B #495B45 #566E4E #638155 #71945A #80A75D #91BA5E

#3C483B - #638155 - #91BA5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C483B 0%, #638155 50%, #91BA5E 100%);
    background: -webkit-linear-gradient(top, #3C483B 0%, #638155 50%, #91BA5E 100%);
    background: linear-gradient(to bottom, #3C483B 0%, #638155 50%, #91BA5E 100%);
}
</style>