#3E3C3C - #2D0008 | 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 #3E3C3C a #2D0008

#3E3C3C #2D0008

Calcule el color entre dos colores, #3E3C3C y #2D0008. 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)

#3E3C3C - #2D0008 | 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 #3E3C3C como 0% y #2D0008 como 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3B3233	RGB 59 50 51	#3B3233
33.3%	33.3% #38282A	RGB 56 40 42	#38282A
50.0%	50.0% #351E22	RGB 53 30 34	#351E22
66.7%	66.7% #321419	RGB 50 20 25	#321419
83.3%	83.3% #2F0A10	RGB 47 10 16	#2F0A10
100.0%	100.0% #2D0008	RGB 45 0 8	#2D0008

#3E3C3C #3B3233 #38282A #351E22 #321419 #2F0A10 #2D0008

#3E3C3C - #2D0008

Mezcla HSV

#3E3C3C - #2D0008 | 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 #3E3C3C como 0% y #2D0008 como 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3B2F30	RGB 59 47 48	#3B2F30
33.3%	33.3% #382425	RGB 56 36 37	#382425
50.0%	50.0% #35191C	RGB 53 25 28	#35191C
66.7%	66.7% #321014	RGB 50 16 20	#321014
83.3%	83.3% #2F070D	RGB 47 7 13	#2F070D
100.0%	100.0% #2D0008	RGB 45 0 8	#2D0008

#3E3C3C #3B2F30 #382425 #35191C #321014 #2F070D #2D0008

#3E3C3C - #35191C - #2D0008

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3C 0%, #35191C 50%, #2D0008 100%);
    background: -webkit-linear-gradient(top, #3E3C3C 0%, #35191C 50%, #2D0008 100%);
    background: linear-gradient(to bottom, #3E3C3C 0%, #35191C 50%, #2D0008 100%);
}
</style>