#545646 - #181814 | 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 #545646 a #181814

#545646 #181814

Calcule el color entre dos colores, #545646 y #181814. 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)

#545646 - #181814 | 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 #545646 como 0% y #181814 como 100%.

0.0%	0.0% #545646	RGB 84 86 70	#545646
16.7%	16.7% #4A4B3D	RGB 74 75 61	#4A4B3D
33.3%	33.3% #404135	RGB 64 65 53	#404135
50.0%	50.0% #36372D	RGB 54 55 45	#36372D
66.7%	66.7% #2C2C24	RGB 44 44 36	#2C2C24
83.3%	83.3% #22221C	RGB 34 34 28	#22221C
100.0%	100.0% #181814	RGB 24 24 20	#181814

#545646 #4A4B3D #404135 #36372D #2C2C24 #22221C #181814

#545646 - #181814

Mezcla HSV

#545646 - #181814 | 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 #545646 como 0% y #181814 como 100%.

0.0%	0.0% #545646	RGB 84 86 70	#545646
16.7%	16.7% #4A4B3D	RGB 74 75 61	#4A4B3D
33.3%	33.3% #404135	RGB 64 65 53	#404135
50.0%	50.0% #36372D	RGB 54 55 45	#36372D
66.7%	66.7% #2C2C24	RGB 44 44 36	#2C2C24
83.3%	83.3% #22221C	RGB 34 34 28	#22221C
100.0%	100.0% #181814	RGB 24 24 20	#181814

#545646 #4A4B3D #404135 #36372D #2C2C24 #22221C #181814

#545646 - #36372D - #181814

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #545646 0%, #36372D 50%, #181814 100%);
    background: -webkit-linear-gradient(top, #545646 0%, #36372D 50%, #181814 100%);
    background: linear-gradient(to bottom, #545646 0%, #36372D 50%, #181814 100%);
}
</style>