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

#23231F #261A00

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

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

0.0%	0.0% #23231F	RGB 35 35 31	#23231F
16.7%	16.7% #232119	RGB 35 33 25	#232119
33.3%	33.3% #242014	RGB 36 32 20	#242014
50.0%	50.0% #241E0F	RGB 36 30 15	#241E0F
66.7%	66.7% #251D0A	RGB 37 29 10	#251D0A
83.3%	83.3% #251B05	RGB 37 27 5	#251B05
100.0%	100.0% #261A00	RGB 38 26 0	#261A00

#23231F #232119 #242014 #241E0F #251D0A #251B05 #261A00

#23231F - #261A00

Mezcla HSV

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

0.0%	0.0% #23231F	RGB 35 35 31	#23231F
16.7%	16.7% #23231A	RGB 35 35 26	#23231A
33.3%	33.3% #242215	RGB 36 34 21	#242215
50.0%	50.0% #242110	RGB 36 33 16	#242110
66.7%	66.7% #251F0A	RGB 37 31 10	#251F0A
83.3%	83.3% #251D05	RGB 37 29 5	#251D05
100.0%	100.0% #261A00	RGB 38 26 0	#261A00

#23231F #23231A #242215 #242110 #251F0A #251D05 #261A00

#23231F - #242110 - #261A00

Códigos CSS

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

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