#3E3E3E - #B08B72 | 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 #3E3E3E a #B08B72

#3E3E3E #B08B72

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

#3E3E3E - #B08B72 | 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 #3E3E3E como 0% y #B08B72 como 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #514A46	RGB 81 74 70	#514A46
33.3%	33.3% #64574F	RGB 100 87 79	#64574F
50.0%	50.0% #776458	RGB 119 100 88	#776458
66.7%	66.7% #8A7160	RGB 138 113 96	#8A7160
83.3%	83.3% #9D7E69	RGB 157 126 105	#9D7E69
100.0%	100.0% #B08B72	RGB 176 139 114	#B08B72

#3E3E3E #514A46 #64574F #776458 #8A7160 #9D7E69 #B08B72

#3E3E3E - #B08B72

Mezcla HSV

#3E3E3E - #B08B72 | 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 #3E3E3E como 0% y #B08B72 como 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #514C4C	RGB 81 76 76	#514C4C
33.3%	33.3% #645958	RGB 100 89 88	#645958
50.0%	50.0% #776662	RGB 119 102 98	#776662
66.7%	66.7% #8A7269	RGB 138 114 105	#8A7269
83.3%	83.3% #9D7E6E	RGB 157 126 110	#9D7E6E
100.0%	100.0% #B08B72	RGB 176 139 114	#B08B72

#3E3E3E #514C4C #645958 #776662 #8A7269 #9D7E6E #B08B72

#3E3E3E - #776662 - #B08B72

Códigos CSS

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

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