#3E3C3C - #3F0D03 | 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 #3F0D03

#3E3C3C #3F0D03

Calcule el color entre dos colores, #3E3C3C y #3F0D03. 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 - #3F0D03 | 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 #3F0D03 como 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3E3432	RGB 62 52 50	#3E3432
33.3%	33.3% #3E2C29	RGB 62 44 41	#3E2C29
50.0%	50.0% #3E241F	RGB 62 36 31	#3E241F
66.7%	66.7% #3E1C16	RGB 62 28 22	#3E1C16
83.3%	83.3% #3E140C	RGB 62 20 12	#3E140C
100.0%	100.0% #3F0D03	RGB 63 13 3	#3F0D03

#3E3C3C #3E3432 #3E2C29 #3E241F #3E1C16 #3E140C #3F0D03

#3E3C3C - #3F0D03

Mezcla HSV

#3E3C3C - #3F0D03 | 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 #3F0D03 como 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3E3232	RGB 62 50 50	#3E3232
33.3%	33.3% #3E2A29	RGB 62 42 41	#3E2A29
50.0%	50.0% #3E221F	RGB 62 34 31	#3E221F
66.7%	66.7% #3E1A16	RGB 62 26 22	#3E1A16
83.3%	83.3% #3E130C	RGB 62 19 12	#3E130C
100.0%	100.0% #3F0D03	RGB 63 13 3	#3F0D03

#3E3C3C #3E3232 #3E2A29 #3E221F #3E1A16 #3E130C #3F0D03

#3E3C3C - #3E221F - #3F0D03

Códigos CSS

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

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