#4D3C3C - #BA8F6B | 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 #4D3C3C a #BA8F6B

#4D3C3C #BA8F6B

Calcule el color entre dos colores, #4D3C3C y #BA8F6B. 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)

#4D3C3C - #BA8F6B | 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 #4D3C3C como 0% y #BA8F6B como 100%.

0.0%	0.0% #4D3C3C	RGB 77 60 60	#4D3C3C
16.7%	16.7% #5F4943	RGB 95 73 67	#5F4943
33.3%	33.3% #71574B	RGB 113 87 75	#71574B
50.0%	50.0% #836553	RGB 131 101 83	#836553
66.7%	66.7% #95735B	RGB 149 115 91	#95735B
83.3%	83.3% #A78163	RGB 167 129 99	#A78163
100.0%	100.0% #BA8F6B	RGB 186 143 107	#BA8F6B

#4D3C3C #5F4943 #71574B #836553 #95735B #A78163 #BA8F6B

#4D3C3C - #BA8F6B

Mezcla HSV

#4D3C3C - #BA8F6B | 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 #4D3C3C como 0% y #BA8F6B como 100%.

0.0%	0.0% #4D3C3C	RGB 77 60 60	#4D3C3C
16.7%	16.7% #5F4846	RGB 95 72 70	#5F4846
33.3%	33.3% #715550	RGB 113 85 80	#715550
50.0%	50.0% #836259	RGB 131 98 89	#836259
66.7%	66.7% #957060	RGB 149 112 96	#957060
83.3%	83.3% #A77F66	RGB 167 127 102	#A77F66
100.0%	100.0% #BA8F6B	RGB 186 143 107	#BA8F6B

#4D3C3C #5F4846 #715550 #836259 #957060 #A77F66 #BA8F6B

#4D3C3C - #836259 - #BA8F6B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3C3C 0%, #836259 50%, #BA8F6B 100%);
    background: -webkit-linear-gradient(top, #4D3C3C 0%, #836259 50%, #BA8F6B 100%);
    background: linear-gradient(to bottom, #4D3C3C 0%, #836259 50%, #BA8F6B 100%);
}
</style>