#261A00 - #C1BDB6 | 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 #261A00 a #C1BDB6

#261A00 #C1BDB6

Calcule el color entre dos colores, #261A00 y #C1BDB6. 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)

#261A00 - #C1BDB6 | 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 #261A00 como 0% y #C1BDB6 como 100%.

0.0%	0.0% #261A00	RGB 38 26 0	#261A00
16.7%	16.7% #3F351E	RGB 63 53 30	#3F351E
33.3%	33.3% #59503C	RGB 89 80 60	#59503C
50.0%	50.0% #736B5B	RGB 115 107 91	#736B5B
66.7%	66.7% #8D8679	RGB 141 134 121	#8D8679
83.3%	83.3% #A7A197	RGB 167 161 151	#A7A197
100.0%	100.0% #C1BDB6	RGB 193 189 182	#C1BDB6

#261A00 #3F351E #59503C #736B5B #8D8679 #A7A197 #C1BDB6

#261A00 - #C1BDB6

Mezcla HSV

#261A00 - #C1BDB6 | 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 #261A00 como 0% y #C1BDB6 como 100%.

0.0%	0.0% #261A00	RGB 38 26 0	#261A00
16.7%	16.7% #3F2E0A	RGB 63 46 10	#3F2E0A
33.3%	33.3% #59451C	RGB 89 69 28	#59451C
50.0%	50.0% #735E36	RGB 115 94 54	#735E36
66.7%	66.7% #8D7B58	RGB 141 123 88	#8D7B58
83.3%	83.3% #A79A83	RGB 167 154 131	#A79A83
100.0%	100.0% #C1BDB6	RGB 193 189 182	#C1BDB6

#261A00 #3F2E0A #59451C #735E36 #8D7B58 #A79A83 #C1BDB6

#261A00 - #735E36 - #C1BDB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #261A00 0%, #735E36 50%, #C1BDB6 100%);
    background: -webkit-linear-gradient(top, #261A00 0%, #735E36 50%, #C1BDB6 100%);
    background: linear-gradient(to bottom, #261A00 0%, #735E36 50%, #C1BDB6 100%);
}
</style>