#231A14 - #2D0E02 | 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 #231A14 a #2D0E02

#231A14 #2D0E02

Calcule el color entre dos colores, #231A14 y #2D0E02. 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)

#231A14 - #2D0E02 | 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 #231A14 como 0% y #2D0E02 como 100%.

0.0%	0.0% #231A14	RGB 35 26 20	#231A14
16.7%	16.7% #241811	RGB 36 24 17	#241811
33.3%	33.3% #26160E	RGB 38 22 14	#26160E
50.0%	50.0% #28140B	RGB 40 20 11	#28140B
66.7%	66.7% #291207	RGB 41 18 7	#291207
83.3%	83.3% #2B1005	RGB 43 16 5	#2B1005
100.0%	100.0% #2D0E02	RGB 45 14 2	#2D0E02

#231A14 #241811 #26160E #28140B #291207 #2B1005 #2D0E02

#231A14 - #2D0E02

Mezcla HSV

#231A14 - #2D0E02 | 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 #231A14 como 0% y #2D0E02 como 100%.

0.0%	0.0% #231A14	RGB 35 26 20	#231A14
16.7%	16.7% #241811	RGB 36 24 17	#241811
33.3%	33.3% #26170F	RGB 38 23 15	#26170F
50.0%	50.0% #28150C	RGB 40 21 12	#28150C
66.7%	66.7% #291309	RGB 41 19 9	#291309
83.3%	83.3% #2B1005	RGB 43 16 5	#2B1005
100.0%	100.0% #2D0E02	RGB 45 14 2	#2D0E02

#231A14 #241811 #26170F #28150C #291309 #2B1005 #2D0E02

#231A14 - #28150C - #2D0E02

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #231A14 0%, #28150C 50%, #2D0E02 100%);
    background: -webkit-linear-gradient(top, #231A14 0%, #28150C 50%, #2D0E02 100%);
    background: linear-gradient(to bottom, #231A14 0%, #28150C 50%, #2D0E02 100%);
}
</style>