#121606 - #BBBCB7 | 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 #121606 a #BBBCB7

#121606 #BBBCB7

Calcule el color entre dos colores, #121606 y #BBBCB7. 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)

#121606 - #BBBCB7 | 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 #121606 como 0% y #BBBCB7 como 100%.

0.0%	0.0% #121606	RGB 18 22 6	#121606
16.7%	16.7% #2E3123	RGB 46 49 35	#2E3123
33.3%	33.3% #4A4D41	RGB 74 77 65	#4A4D41
50.0%	50.0% #66695E	RGB 102 105 94	#66695E
66.7%	66.7% #82847C	RGB 130 132 124	#82847C
83.3%	83.3% #9EA099	RGB 158 160 153	#9EA099
100.0%	100.0% #BBBCB7	RGB 187 188 183	#BBBCB7

#121606 #2E3123 #4A4D41 #66695E #82847C #9EA099 #BBBCB7

#121606 - #BBBCB7

Mezcla HSV

#121606 - #BBBCB7 | 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 #121606 como 0% y #BBBCB7 como 100%.

0.0%	0.0% #121606	RGB 18 22 6	#121606
16.7%	16.7% #2A3113	RGB 42 49 19	#2A3113
33.3%	33.3% #444D27	RGB 68 77 39	#444D27
50.0%	50.0% #606941	RGB 96 105 65	#606941
66.7%	66.7% #7D8462	RGB 125 132 98	#7D8462
83.3%	83.3% #9BA089	RGB 155 160 137	#9BA089
100.0%	100.0% #BBBCB7	RGB 187 188 183	#BBBCB7

#121606 #2A3113 #444D27 #606941 #7D8462 #9BA089 #BBBCB7

#121606 - #606941 - #BBBCB7

Códigos CSS

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

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