#3C3C3C - #ADAD71 | 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 #ADAD71

#3C3C3C #ADAD71

Calcule el color entre dos colores, #3C3C3C y #ADAD71. 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 - #ADAD71 | 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 #ADAD71 como 100%.

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #4E4E44	RGB 78 78 68	#4E4E44
33.3%	33.3% #61614D	RGB 97 97 77	#61614D
50.0%	50.0% #747456	RGB 116 116 86	#747456
66.7%	66.7% #87875F	RGB 135 135 95	#87875F
83.3%	83.3% #9A9A68	RGB 154 154 104	#9A9A68
100.0%	100.0% #ADAD71	RGB 173 173 113	#ADAD71

#3C3C3C #4E4E44 #61614D #747456 #87875F #9A9A68 #ADAD71

#3C3C3C - #ADAD71

Mezcla HSV

#3C3C3C - #ADAD71 | 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 #ADAD71 como 100%.

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #4E4B4A	RGB 78 75 74	#4E4B4A
33.3%	33.3% #615A56	RGB 97 90 86	#615A56
50.0%	50.0% #746A60	RGB 116 106 96	#746A60
66.7%	66.7% #877C68	RGB 135 124 104	#877C68
83.3%	83.3% #9A926D	RGB 154 146 109	#9A926D
100.0%	100.0% #ADAD71	RGB 173 173 113	#ADAD71

#3C3C3C #4E4B4A #615A56 #746A60 #877C68 #9A926D #ADAD71

#3C3C3C - #746A60 - #ADAD71

Códigos CSS

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

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