#7E6559 - #ECAF7B | 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 #7E6559 a #ECAF7B

#7E6559 #ECAF7B

Calcule el color entre dos colores, #7E6559 y #ECAF7B. 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)

#7E6559 - #ECAF7B | 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 #7E6559 como 0% y #ECAF7B como 100%.

0.0%	0.0% #7E6559	RGB 126 101 89	#7E6559
16.7%	16.7% #90715E	RGB 144 113 94	#90715E
33.3%	33.3% #A27D64	RGB 162 125 100	#A27D64
50.0%	50.0% #B58A6A	RGB 181 138 106	#B58A6A
66.7%	66.7% #C7966F	RGB 199 150 111	#C7966F
83.3%	83.3% #D9A275	RGB 217 162 117	#D9A275
100.0%	100.0% #ECAF7B	RGB 236 175 123	#ECAF7B

#7E6559 #90715E #A27D64 #B58A6A #C7966F #D9A275 #ECAF7B

#7E6559 - #ECAF7B

Mezcla HSV

#7E6559 - #ECAF7B | 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 #7E6559 como 0% y #ECAF7B como 100%.

0.0%	0.0% #7E6559	RGB 126 101 89	#7E6559
16.7%	16.7% #907161	RGB 144 113 97	#907161
33.3%	33.3% #A27E68	RGB 162 126 104	#A27E68
50.0%	50.0% #B58A6F	RGB 181 138 111	#B58A6F
66.7%	66.7% #C79674	RGB 199 150 116	#C79674
83.3%	83.3% #D9A278	RGB 217 162 120	#D9A278
100.0%	100.0% #ECAF7B	RGB 236 175 123	#ECAF7B

#7E6559 #907161 #A27E68 #B58A6F #C79674 #D9A278 #ECAF7B

#7E6559 - #B58A6F - #ECAF7B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E6559 0%, #B58A6F 50%, #ECAF7B 100%);
    background: -webkit-linear-gradient(top, #7E6559 0%, #B58A6F 50%, #ECAF7B 100%);
    background: linear-gradient(to bottom, #7E6559 0%, #B58A6F 50%, #ECAF7B 100%);
}
</style>