#3C353D - #BF7550 | 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 #3C353D a #BF7550

#3C353D #BF7550

Calcule el color entre dos colores, #3C353D y #BF7550. 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)

#3C353D - #BF7550 | 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 #3C353D como 0% y #BF7550 como 100%.

0.0%	0.0% #3C353D	RGB 60 53 61	#3C353D
16.7%	16.7% #513F40	RGB 81 63 64	#513F40
33.3%	33.3% #674A43	RGB 103 74 67	#674A43
50.0%	50.0% #7D5546	RGB 125 85 70	#7D5546
66.7%	66.7% #935F49	RGB 147 95 73	#935F49
83.3%	83.3% #A96A4C	RGB 169 106 76	#A96A4C
100.0%	100.0% #BF7550	RGB 191 117 80	#BF7550

#3C353D #513F40 #674A43 #7D5546 #935F49 #A96A4C #BF7550

#3C353D - #BF7550

Mezcla HSV

#3C353D - #BF7550 | 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 #3C353D como 0% y #BF7550 como 100%.

0.0%	0.0% #3C353D	RGB 60 53 61	#3C353D
16.7%	16.7% #524150	RGB 82 65 80	#524150
33.3%	33.3% #684B5D	RGB 104 75 93	#684B5D
50.0%	50.0% #7E5162	RGB 126 81 98	#7E5162
66.7%	66.7% #93545D	RGB 147 84 93	#93545D
83.3%	83.3% #A95B53	RGB 169 91 83	#A95B53
100.0%	100.0% #BF7550	RGB 191 117 80	#BF7550

#3C353D #524150 #684B5D #7E5162 #93545D #A95B53 #BF7550

#3C353D - #7E5162 - #BF7550

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C353D 0%, #7E5162 50%, #BF7550 100%);
    background: -webkit-linear-gradient(top, #3C353D 0%, #7E5162 50%, #BF7550 100%);
    background: linear-gradient(to bottom, #3C353D 0%, #7E5162 50%, #BF7550 100%);
}
</style>