#24502C - #020A1B | 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 #24502C a #020A1B

#24502C #020A1B

Calcule el color entre dos colores, #24502C y #020A1B. 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)

#24502C - #020A1B | 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 #24502C como 0% y #020A1B como 100%.

0.0%	0.0% #24502C	RGB 36 80 44	#24502C
16.7%	16.7% #1E4429	RGB 30 68 41	#1E4429
33.3%	33.3% #183826	RGB 24 56 38	#183826
50.0%	50.0% #132D23	RGB 19 45 35	#132D23
66.7%	66.7% #0D2120	RGB 13 33 32	#0D2120
83.3%	83.3% #07151D	RGB 7 21 29	#07151D
100.0%	100.0% #020A1B	RGB 2 10 27	#020A1B

#24502C #1E4429 #183826 #132D23 #0D2120 #07151D #020A1B

#24502C - #020A1B

Mezcla HSV

#24502C - #020A1B | 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 #24502C como 0% y #020A1B como 100%.

0.0%	0.0% #24502C	RGB 36 80 44	#24502C
16.7%	16.7% #1B472E	RGB 27 71 46	#1B472E
33.3%	33.3% #143E30	RGB 20 62 48	#143E30
50.0%	50.0% #0E3532	RGB 14 53 50	#0E3532
66.7%	66.7% #08262C	RGB 8 38 44	#08262C
83.3%	83.3% #041623	RGB 4 22 35	#041623
100.0%	100.0% #020A1B	RGB 2 10 27	#020A1B

#24502C #1B472E #143E30 #0E3532 #08262C #041623 #020A1B

#24502C - #0E3532 - #020A1B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24502C 0%, #0E3532 50%, #020A1B 100%);
    background: -webkit-linear-gradient(top, #24502C 0%, #0E3532 50%, #020A1B 100%);
    background: linear-gradient(to bottom, #24502C 0%, #0E3532 50%, #020A1B 100%);
}
</style>