#50171C - #A54932 | 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 #50171C a #A54932

#50171C #A54932

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

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

0.0%	0.0% #50171C	RGB 80 23 28	#50171C
16.7%	16.7% #5E1F1F	RGB 94 31 31	#5E1F1F
33.3%	33.3% #6C2723	RGB 108 39 35	#6C2723
50.0%	50.0% #7A3027	RGB 122 48 39	#7A3027
66.7%	66.7% #88382A	RGB 136 56 42	#88382A
83.3%	83.3% #96402E	RGB 150 64 46	#96402E
100.0%	100.0% #A54932	RGB 165 73 50	#A54932

#50171C #5E1F1F #6C2723 #7A3027 #88382A #96402E #A54932

#50171C - #A54932

Mezcla HSV

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

0.0%	0.0% #50171C	RGB 80 23 28	#50171C
16.7%	16.7% #5E1B1D	RGB 94 27 29	#5E1B1D
33.3%	33.3% #6C201F	RGB 108 32 31	#6C201F
50.0%	50.0% #7A2924	RGB 122 41 36	#7A2924
66.7%	66.7% #883228	RGB 136 50 40	#883228
83.3%	83.3% #963D2D	RGB 150 61 45	#963D2D
100.0%	100.0% #A54932	RGB 165 73 50	#A54932

#50171C #5E1B1D #6C201F #7A2924 #883228 #963D2D #A54932

#50171C - #7A2924 - #A54932

Códigos CSS

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

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