#7B5E8F - #B6B8AC | 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 #7B5E8F a #B6B8AC

#7B5E8F #B6B8AC

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

#7B5E8F - #B6B8AC | 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 #7B5E8F como 0% y #B6B8AC como 100%.

0.0%	0.0% #7B5E8F	RGB 123 94 143	#7B5E8F
16.7%	16.7% #846D93	RGB 132 109 147	#846D93
33.3%	33.3% #8E7C98	RGB 142 124 152	#8E7C98
50.0%	50.0% #988B9D	RGB 152 139 157	#988B9D
66.7%	66.7% #A29AA2	RGB 162 154 162	#A29AA2
83.3%	83.3% #ACA9A7	RGB 172 169 167	#ACA9A7
100.0%	100.0% #B6B8AC	RGB 182 184 172	#B6B8AC

#7B5E8F #846D93 #8E7C98 #988B9D #A29AA2 #ACA9A7 #B6B8AC

#7B5E8F - #B6B8AC

Mezcla HSV

#7B5E8F - #B6B8AC | 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 #7B5E8F como 0% y #B6B8AC como 100%.

0.0%	0.0% #7B5E8F	RGB 123 94 143	#7B5E8F
16.7%	16.7% #956994	RGB 149 105 148	#956994
33.3%	33.3% #9C758B	RGB 156 117 139	#9C758B
50.0%	50.0% #A38286	RGB 163 130 134	#A38286
66.7%	66.7% #AA978F	RGB 170 151 143	#AA978F
83.3%	83.3% #B1AB9D	RGB 177 171 157	#B1AB9D
100.0%	100.0% #B6B8AC	RGB 182 184 172	#B6B8AC

#7B5E8F #956994 #9C758B #A38286 #AA978F #B1AB9D #B6B8AC

#7B5E8F - #A38286 - #B6B8AC

Códigos CSS

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

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