#403E3E - #B28B72 | 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 #403E3E a #B28B72

#403E3E #B28B72

Calcule el color entre dos colores, #403E3E y #B28B72. 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)

#403E3E - #B28B72 | 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 #403E3E como 0% y #B28B72 como 100%.

0.0%	0.0% #403E3E	RGB 64 62 62	#403E3E
16.7%	16.7% #534A46	RGB 83 74 70	#534A46
33.3%	33.3% #66574F	RGB 102 87 79	#66574F
50.0%	50.0% #796458	RGB 121 100 88	#796458
66.7%	66.7% #8C7160	RGB 140 113 96	#8C7160
83.3%	83.3% #9F7E69	RGB 159 126 105	#9F7E69
100.0%	100.0% #B28B72	RGB 178 139 114	#B28B72

#403E3E #534A46 #66574F #796458 #8C7160 #9F7E69 #B28B72

#403E3E - #B28B72

Mezcla HSV

#403E3E - #B28B72 | 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 #403E3E como 0% y #B28B72 como 100%.

0.0%	0.0% #403E3E	RGB 64 62 62	#403E3E
16.7%	16.7% #534C4B	RGB 83 76 75	#534C4B
33.3%	33.3% #665957	RGB 102 89 87	#665957
50.0%	50.0% #796561	RGB 121 101 97	#796561
66.7%	66.7% #8C7268	RGB 140 114 104	#8C7268
83.3%	83.3% #9F7E6E	RGB 159 126 110	#9F7E6E
100.0%	100.0% #B28B72	RGB 178 139 114	#B28B72

#403E3E #534C4B #665957 #796561 #8C7268 #9F7E6E #B28B72

#403E3E - #796561 - #B28B72

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403E3E 0%, #796561 50%, #B28B72 100%);
    background: -webkit-linear-gradient(top, #403E3E 0%, #796561 50%, #B28B72 100%);
    background: linear-gradient(to bottom, #403E3E 0%, #796561 50%, #B28B72 100%);
}
</style>