#7B5F5E - #ECE28F | 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 #7B5F5E a #ECE28F

#7B5F5E #ECE28F

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

#7B5F5E - #ECE28F | 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 #7B5F5E como 0% y #ECE28F como 100%.

0.0%	0.0% #7B5F5E	RGB 123 95 94	#7B5F5E
16.7%	16.7% #8D7466	RGB 141 116 102	#8D7466
33.3%	33.3% #A08A6E	RGB 160 138 110	#A08A6E
50.0%	50.0% #B3A076	RGB 179 160 118	#B3A076
66.7%	66.7% #C6B67E	RGB 198 182 126	#C6B67E
83.3%	83.3% #D9CC86	RGB 217 204 134	#D9CC86
100.0%	100.0% #ECE28F	RGB 236 226 143	#ECE28F

#7B5F5E #8D7466 #A08A6E #B3A076 #C6B67E #D9CC86 #ECE28F

#7B5F5E - #ECE28F

Mezcla HSV

#7B5F5E - #ECE28F | 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 #7B5F5E como 0% y #ECE28F como 100%.

0.0%	0.0% #7B5F5E	RGB 123 95 94	#7B5F5E
16.7%	16.7% #8D6F68	RGB 141 111 104	#8D6F68
33.3%	33.3% #A08172	RGB 160 129 114	#A08172
50.0%	50.0% #B3957A	RGB 179 149 122	#B3957A
66.7%	66.7% #C6AB82	RGB 198 171 130	#C6AB82
83.3%	83.3% #D9C589	RGB 217 197 137	#D9C589
100.0%	100.0% #ECE28F	RGB 236 226 143	#ECE28F

#7B5F5E #8D6F68 #A08172 #B3957A #C6AB82 #D9C589 #ECE28F

#7B5F5E - #B3957A - #ECE28F

Códigos CSS

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

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