#3C3C3B - #A68261 | 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 #3C3C3B a #A68261

#3C3C3B #A68261

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

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

0.0%	0.0% #3C3C3B	RGB 60 60 59	#3C3C3B
16.7%	16.7% #4D4741	RGB 77 71 65	#4D4741
33.3%	33.3% #5F5347	RGB 95 83 71	#5F5347
50.0%	50.0% #715F4E	RGB 113 95 78	#715F4E
66.7%	66.7% #826A54	RGB 130 106 84	#826A54
83.3%	83.3% #94765A	RGB 148 118 90	#94765A
100.0%	100.0% #A68261	RGB 166 130 97	#A68261

#3C3C3B #4D4741 #5F5347 #715F4E #826A54 #94765A #A68261

#3C3C3B - #A68261

Mezcla HSV

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

0.0%	0.0% #3C3C3B	RGB 60 60 59	#3C3C3B
16.7%	16.7% #4D4D47	RGB 77 77 71	#4D4D47
33.3%	33.3% #5F5C51	RGB 95 92 81	#5F5C51
50.0%	50.0% #716A58	RGB 113 106 88	#716A58
66.7%	66.7% #82755D	RGB 130 117 93	#82755D
83.3%	83.3% #947D60	RGB 148 125 96	#947D60
100.0%	100.0% #A68261	RGB 166 130 97	#A68261

#3C3C3B #4D4D47 #5F5C51 #716A58 #82755D #947D60 #A68261

#3C3C3B - #716A58 - #A68261

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C3B 0%, #716A58 50%, #A68261 100%);
    background: -webkit-linear-gradient(top, #3C3C3B 0%, #716A58 50%, #A68261 100%);
    background: linear-gradient(to bottom, #3C3C3B 0%, #716A58 50%, #A68261 100%);
}
</style>