#00150D - #B6BCB9 | 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 #00150D a #B6BCB9

#00150D #B6BCB9

Calcule el color entre dos colores, #00150D y #B6BCB9. 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)

#00150D - #B6BCB9 | 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 #00150D como 0% y #B6BCB9 como 100%.

0.0%	0.0% #00150D	RGB 0 21 13	#00150D
16.7%	16.7% #1E3029	RGB 30 48 41	#1E3029
33.3%	33.3% #3C4C46	RGB 60 76 70	#3C4C46
50.0%	50.0% #5B6863	RGB 91 104 99	#5B6863
66.7%	66.7% #79847F	RGB 121 132 127	#79847F
83.3%	83.3% #97A09C	RGB 151 160 156	#97A09C
100.0%	100.0% #B6BCB9	RGB 182 188 185	#B6BCB9

#00150D #1E3029 #3C4C46 #5B6863 #79847F #97A09C #B6BCB9

#00150D - #B6BCB9

Mezcla HSV

#00150D - #B6BCB9 | 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 #00150D como 0% y #B6BCB9 como 100%.

0.0%	0.0% #00150D	RGB 0 21 13	#00150D
16.7%	16.7% #073020	RGB 7 48 32	#073020
33.3%	33.3% #184C36	RGB 24 76 54	#184C36
50.0%	50.0% #326850	RGB 50 104 80	#326850
66.7%	66.7% #55846E	RGB 85 132 110	#55846E
83.3%	83.3% #81A091	RGB 129 160 145	#81A091
100.0%	100.0% #B6BCB9	RGB 182 188 185	#B6BCB9

#00150D #073020 #184C36 #326850 #55846E #81A091 #B6BCB9

#00150D - #326850 - #B6BCB9

Códigos CSS

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

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