#3C3C3C - #AD8971 | 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 #3C3C3C a #AD8971

#3C3C3C #AD8971

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

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

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #4E4844	RGB 78 72 68	#4E4844
33.3%	33.3% #61554D	RGB 97 85 77	#61554D
50.0%	50.0% #746256	RGB 116 98 86	#746256
66.7%	66.7% #876F5F	RGB 135 111 95	#876F5F
83.3%	83.3% #9A7C68	RGB 154 124 104	#9A7C68
100.0%	100.0% #AD8971	RGB 173 137 113	#AD8971

#3C3C3C #4E4844 #61554D #746256 #876F5F #9A7C68 #AD8971

#3C3C3C - #AD8971

Mezcla HSV

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

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #4E4A4A	RGB 78 74 74	#4E4A4A
33.3%	33.3% #615756	RGB 97 87 86	#615756
50.0%	50.0% #746460	RGB 116 100 96	#746460
66.7%	66.7% #877068	RGB 135 112 104	#877068
83.3%	83.3% #9A7C6D	RGB 154 124 109	#9A7C6D
100.0%	100.0% #AD8971	RGB 173 137 113	#AD8971

#3C3C3C #4E4A4A #615756 #746460 #877068 #9A7C6D #AD8971

#3C3C3C - #746460 - #AD8971

Códigos CSS

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

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