#3C3E3E - #00281D | 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 #3C3E3E a #00281D

#3C3E3E #00281D

Calcule el color entre dos colores, #3C3E3E y #00281D. 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)

#3C3E3E - #00281D | 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 #3C3E3E como 0% y #00281D como 100%.

0.0%	0.0% #3C3E3E	RGB 60 62 62	#3C3E3E
16.7%	16.7% #323A38	RGB 50 58 56	#323A38
33.3%	33.3% #283633	RGB 40 54 51	#283633
50.0%	50.0% #1E332D	RGB 30 51 45	#1E332D
66.7%	66.7% #142F28	RGB 20 47 40	#142F28
83.3%	83.3% #0A2B22	RGB 10 43 34	#0A2B22
100.0%	100.0% #00281D	RGB 0 40 29	#00281D

#3C3E3E #323A38 #283633 #1E332D #142F28 #0A2B22 #00281D

#3C3E3E - #00281D

Mezcla HSV

#3C3E3E - #00281D | 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 #3C3E3E como 0% y #00281D como 100%.

0.0%	0.0% #3C3E3E	RGB 60 62 62	#3C3E3E
16.7%	16.7% #2F3A39	RGB 47 58 57	#2F3A39
33.3%	33.3% #233634	RGB 35 54 52	#233634
50.0%	50.0% #18332F	RGB 24 51 47	#18332F
66.7%	66.7% #0F2F29	RGB 15 47 41	#0F2F29
83.3%	83.3% #072B23	RGB 7 43 35	#072B23
100.0%	100.0% #00281D	RGB 0 40 29	#00281D

#3C3E3E #2F3A39 #233634 #18332F #0F2F29 #072B23 #00281D

#3C3E3E - #18332F - #00281D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3E 0%, #18332F 50%, #00281D 100%);
    background: -webkit-linear-gradient(top, #3C3E3E 0%, #18332F 50%, #00281D 100%);
    background: linear-gradient(to bottom, #3C3E3E 0%, #18332F 50%, #00281D 100%);
}
</style>