#383D32 - #8F9261 | 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 #383D32 a #8F9261

#383D32 #8F9261

Calcule el color entre dos colores, #383D32 y #8F9261. 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)

#383D32 - #8F9261 | 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 #383D32 como 0% y #8F9261 como 100%.

0.0%	0.0% #383D32	RGB 56 61 50	#383D32
16.7%	16.7% #464B39	RGB 70 75 57	#464B39
33.3%	33.3% #555941	RGB 85 89 65	#555941
50.0%	50.0% #636749	RGB 99 103 73	#636749
66.7%	66.7% #727551	RGB 114 117 81	#727551
83.3%	83.3% #808359	RGB 128 131 89	#808359
100.0%	100.0% #8F9261	RGB 143 146 97	#8F9261

#383D32 #464B39 #555941 #636749 #727551 #808359 #8F9261

#383D32 - #8F9261

Mezcla HSV

#383D32 - #8F9261 | 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 #383D32 como 0% y #8F9261 como 100%.

0.0%	0.0% #383D32	RGB 56 61 50	#383D32
16.7%	16.7% #454B3B	RGB 69 75 59	#454B3B
33.3%	33.3% #525944	RGB 82 89 68	#525944
50.0%	50.0% #60674C	RGB 96 103 76	#60674C
66.7%	66.7% #6F7554	RGB 111 117 84	#6F7554
83.3%	83.3% #7E835A	RGB 126 131 90	#7E835A
100.0%	100.0% #8F9261	RGB 143 146 97	#8F9261

#383D32 #454B3B #525944 #60674C #6F7554 #7E835A #8F9261

#383D32 - #60674C - #8F9261

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #383D32 0%, #60674C 50%, #8F9261 100%);
    background: -webkit-linear-gradient(top, #383D32 0%, #60674C 50%, #8F9261 100%);
    background: linear-gradient(to bottom, #383D32 0%, #60674C 50%, #8F9261 100%);
}
</style>