#3E413C - #162F01 | 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 #3E413C a #162F01

#3E413C #162F01

Calcule el color entre dos colores, #3E413C y #162F01. 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)

#3E413C - #162F01 | 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 #3E413C como 0% y #162F01 como 100%.

0.0%	0.0% #3E413C	RGB 62 65 60	#3E413C
16.7%	16.7% #373E32	RGB 55 62 50	#373E32
33.3%	33.3% #303B28	RGB 48 59 40	#303B28
50.0%	50.0% #2A381E	RGB 42 56 30	#2A381E
66.7%	66.7% #233514	RGB 35 53 20	#233514
83.3%	83.3% #1C320A	RGB 28 50 10	#1C320A
100.0%	100.0% #162F01	RGB 22 47 1	#162F01

#3E413C #373E32 #303B28 #2A381E #233514 #1C320A #162F01

#3E413C - #162F01

Mezcla HSV

#3E413C - #162F01 | 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 #3E413C como 0% y #162F01 como 100%.

0.0%	0.0% #3E413C	RGB 62 65 60	#3E413C
16.7%	16.7% #353E2F	RGB 53 62 47	#353E2F
33.3%	33.3% #2E3B24	RGB 46 59 36	#2E3B24
50.0%	50.0% #27381A	RGB 39 56 26	#27381A
66.7%	66.7% #203511	RGB 32 53 17	#203511
83.3%	83.3% #1B3208	RGB 27 50 8	#1B3208
100.0%	100.0% #162F01	RGB 22 47 1	#162F01

#3E413C #353E2F #2E3B24 #27381A #203511 #1B3208 #162F01

#3E413C - #27381A - #162F01

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E413C 0%, #27381A 50%, #162F01 100%);
    background: -webkit-linear-gradient(top, #3E413C 0%, #27381A 50%, #162F01 100%);
    background: linear-gradient(to bottom, #3E413C 0%, #27381A 50%, #162F01 100%);
}
</style>