#6F5E5E - #E3B087 | 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 #6F5E5E a #E3B087

#6F5E5E #E3B087

Calcule el color entre dos colores, #6F5E5E y #E3B087. 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)

#6F5E5E - #E3B087 | 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 #6F5E5E como 0% y #E3B087 como 100%.

0.0%	0.0% #6F5E5E	RGB 111 94 94	#6F5E5E
16.7%	16.7% #826B64	RGB 130 107 100	#826B64
33.3%	33.3% #95796B	RGB 149 121 107	#95796B
50.0%	50.0% #A98772	RGB 169 135 114	#A98772
66.7%	66.7% #BC9479	RGB 188 148 121	#BC9479
83.3%	83.3% #CFA280	RGB 207 162 128	#CFA280
100.0%	100.0% #E3B087	RGB 227 176 135	#E3B087

#6F5E5E #826B64 #95796B #A98772 #BC9479 #CFA280 #E3B087

#6F5E5E - #E3B087

Mezcla HSV

#6F5E5E - #E3B087 | 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 #6F5E5E como 0% y #E3B087 como 100%.

0.0%	0.0% #6F5E5E	RGB 111 94 94	#6F5E5E
16.7%	16.7% #826A68	RGB 130 106 104	#826A68
33.3%	33.3% #957772	RGB 149 119 114	#957772
50.0%	50.0% #A98479	RGB 169 132 121	#A98479
66.7%	66.7% #BC917F	RGB 188 145 127	#BC917F
83.3%	83.3% #CFA084	RGB 207 160 132	#CFA084
100.0%	100.0% #E3B087	RGB 227 176 135	#E3B087

#6F5E5E #826A68 #957772 #A98479 #BC917F #CFA084 #E3B087

#6F5E5E - #A98479 - #E3B087

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F5E5E 0%, #A98479 50%, #E3B087 100%);
    background: -webkit-linear-gradient(top, #6F5E5E 0%, #A98479 50%, #E3B087 100%);
    background: linear-gradient(to bottom, #6F5E5E 0%, #A98479 50%, #E3B087 100%);
}
</style>