#10160A - #BABCB9 | 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 #10160A a #BABCB9

#10160A #BABCB9

Calcule el color entre dos colores, #10160A y #BABCB9. 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)

#10160A - #BABCB9 | 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 #10160A como 0% y #BABCB9 como 100%.

0.0%	0.0% #10160A	RGB 16 22 10	#10160A
16.7%	16.7% #2C3127	RGB 44 49 39	#2C3127
33.3%	33.3% #484D44	RGB 72 77 68	#484D44
50.0%	50.0% #656961	RGB 101 105 97	#656961
66.7%	66.7% #81847E	RGB 129 132 126	#81847E
83.3%	83.3% #9DA09B	RGB 157 160 155	#9DA09B
100.0%	100.0% #BABCB9	RGB 186 188 185	#BABCB9

#10160A #2C3127 #484D44 #656961 #81847E #9DA09B #BABCB9

#10160A - #BABCB9

Mezcla HSV

#10160A - #BABCB9 | 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 #10160A como 0% y #BABCB9 como 100%.

0.0%	0.0% #10160A	RGB 16 22 10	#10160A
16.7%	16.7% #25311A	RGB 37 49 26	#25311A
33.3%	33.3% #3D4D30	RGB 61 77 48	#3D4D30
50.0%	50.0% #57694B	RGB 87 105 75	#57694B
66.7%	66.7% #75846B	RGB 117 132 107	#75846B
83.3%	83.3% #95A08F	RGB 149 160 143	#95A08F
100.0%	100.0% #BABCB9	RGB 186 188 185	#BABCB9

#10160A #25311A #3D4D30 #57694B #75846B #95A08F #BABCB9

#10160A - #57694B - #BABCB9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10160A 0%, #57694B 50%, #BABCB9 100%);
    background: -webkit-linear-gradient(top, #10160A 0%, #57694B 50%, #BABCB9 100%);
    background: linear-gradient(to bottom, #10160A 0%, #57694B 50%, #BABCB9 100%);
}
</style>