#333D3E - #8A8072 | 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 #333D3E a #8A8072

#333D3E #8A8072

Calcule el color entre dos colores, #333D3E y #8A8072. 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)

#333D3E - #8A8072 | 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 #333D3E como 0% y #8A8072 como 100%.

0.0%	0.0% #333D3E	RGB 51 61 62	#333D3E
16.7%	16.7% #414846	RGB 65 72 70	#414846
33.3%	33.3% #50534F	RGB 80 83 79	#50534F
50.0%	50.0% #5E5E58	RGB 94 94 88	#5E5E58
66.7%	66.7% #6D6960	RGB 109 105 96	#6D6960
83.3%	83.3% #7B7469	RGB 123 116 105	#7B7469
100.0%	100.0% #8A8072	RGB 138 128 114	#8A8072

#333D3E #414846 #50534F #5E5E58 #6D6960 #7B7469 #8A8072

#333D3E - #8A8072

Mezcla HSV

#333D3E - #8A8072 | 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 #333D3E como 0% y #8A8072 como 100%.

0.0%	0.0% #333D3E	RGB 51 61 62	#333D3E
16.7%	16.7% #3D4A46	RGB 61 74 70	#3D4A46
33.3%	33.3% #47574B	RGB 71 87 75	#47574B
50.0%	50.0% #556452	RGB 85 100 82	#556452
66.7%	66.7% #68705C	RGB 104 112 92	#68705C
83.3%	83.3% #7D7D67	RGB 125 125 103	#7D7D67
100.0%	100.0% #8A8072	RGB 138 128 114	#8A8072

#333D3E #3D4A46 #47574B #556452 #68705C #7D7D67 #8A8072

#333D3E - #556452 - #8A8072

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #333D3E 0%, #556452 50%, #8A8072 100%);
    background: -webkit-linear-gradient(top, #333D3E 0%, #556452 50%, #8A8072 100%);
    background: linear-gradient(to bottom, #333D3E 0%, #556452 50%, #8A8072 100%);
}
</style>