#50423C - #161211 | 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 #50423C a #161211

#50423C #161211

Calcule el color entre dos colores, #50423C y #161211. 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)

#50423C - #161211 | 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 #50423C como 0% y #161211 como 100%.

0.0%	0.0% #50423C	RGB 80 66 60	#50423C
16.7%	16.7% #463A34	RGB 70 58 52	#463A34
33.3%	33.3% #3C322D	RGB 60 50 45	#3C322D
50.0%	50.0% #332A26	RGB 51 42 38	#332A26
66.7%	66.7% #29221F	RGB 41 34 31	#29221F
83.3%	83.3% #1F1A18	RGB 31 26 24	#1F1A18
100.0%	100.0% #161211	RGB 22 18 17	#161211

#50423C #463A34 #3C322D #332A26 #29221F #1F1A18 #161211

#50423C - #161211

Mezcla HSV

#50423C - #161211 | 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 #50423C como 0% y #161211 como 100%.

0.0%	0.0% #50423C	RGB 80 66 60	#50423C
16.7%	16.7% #463935	RGB 70 57 53	#463935
33.3%	33.3% #3C312D	RGB 60 49 45	#3C312D
50.0%	50.0% #332926	RGB 51 41 38	#332926
66.7%	66.7% #29211F	RGB 41 33 31	#29211F
83.3%	83.3% #1F1918	RGB 31 25 24	#1F1918
100.0%	100.0% #161211	RGB 22 18 17	#161211

#50423C #463935 #3C312D #332926 #29211F #1F1918 #161211

#50423C - #332926 - #161211

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50423C 0%, #332926 50%, #161211 100%);
    background: -webkit-linear-gradient(top, #50423C 0%, #332926 50%, #161211 100%);
    background: linear-gradient(to bottom, #50423C 0%, #332926 50%, #161211 100%);
}
</style>