#9FC59B - #2D382C | 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 #9FC59B a #2D382C

#9FC59B #2D382C

Calcule el color entre dos colores, #9FC59B y #2D382C. 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)

#9FC59B - #2D382C | 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 #9FC59B como 0% y #2D382C como 100%.

0.0%	0.0% #9FC59B	RGB 159 197 155	#9FC59B
16.7%	16.7% #8CAD88	RGB 140 173 136	#8CAD88
33.3%	33.3% #799676	RGB 121 150 118	#799676
50.0%	50.0% #667E63	RGB 102 126 99	#667E63
66.7%	66.7% #536751	RGB 83 103 81	#536751
83.3%	83.3% #404F3E	RGB 64 79 62	#404F3E
100.0%	100.0% #2D382C	RGB 45 56 44	#2D382C

#9FC59B #8CAD88 #799676 #667E63 #536751 #404F3E #2D382C

#9FC59B - #2D382C

Mezcla HSV

#9FC59B - #2D382C | 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 #9FC59B como 0% y #2D382C como 100%.

0.0%	0.0% #9FC59B	RGB 159 197 155	#9FC59B
16.7%	16.7% #8BAD88	RGB 139 173 136	#8BAD88
33.3%	33.3% #789675	RGB 120 150 117	#789675
50.0%	50.0% #657E63	RGB 101 126 99	#657E63
66.7%	66.7% #526750	RGB 82 103 80	#526750
83.3%	83.3% #3F4F3E	RGB 63 79 62	#3F4F3E
100.0%	100.0% #2D382C	RGB 45 56 44	#2D382C

#9FC59B #8BAD88 #789675 #657E63 #526750 #3F4F3E #2D382C

#9FC59B - #657E63 - #2D382C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FC59B 0%, #657E63 50%, #2D382C 100%);
    background: -webkit-linear-gradient(top, #9FC59B 0%, #657E63 50%, #2D382C 100%);
    background: linear-gradient(to bottom, #9FC59B 0%, #657E63 50%, #2D382C 100%);
}
</style>