#3C3E3C - #142D00 | 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 #3C3E3C a #142D00

#3C3E3C #142D00

Calcule el color entre dos colores, #3C3E3C y #142D00. 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)

#3C3E3C - #142D00 | 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 #3C3E3C como 0% y #142D00 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #353B32	RGB 53 59 50	#353B32
33.3%	33.3% #2E3828	RGB 46 56 40	#2E3828
50.0%	50.0% #28351E	RGB 40 53 30	#28351E
66.7%	66.7% #213214	RGB 33 50 20	#213214
83.3%	83.3% #1A2F0A	RGB 26 47 10	#1A2F0A
100.0%	100.0% #142D00	RGB 20 45 0	#142D00

#3C3E3C #353B32 #2E3828 #28351E #213214 #1A2F0A #142D00

#3C3E3C - #142D00

Mezcla HSV

#3C3E3C - #142D00 | 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 #3C3E3C como 0% y #142D00 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #303B2F	RGB 48 59 47	#303B2F
33.3%	33.3% #273824	RGB 39 56 36	#273824
50.0%	50.0% #203519	RGB 32 53 25	#203519
66.7%	66.7% #1A3210	RGB 26 50 16	#1A3210
83.3%	83.3% #162F07	RGB 22 47 7	#162F07
100.0%	100.0% #142D00	RGB 20 45 0	#142D00

#3C3E3C #303B2F #273824 #203519 #1A3210 #162F07 #142D00

#3C3E3C - #203519 - #142D00

Códigos CSS

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

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