#8F5E7A - #AEACA5 | 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 #8F5E7A a #AEACA5

#8F5E7A #AEACA5

Calcule el color entre dos colores, #8F5E7A y #AEACA5. 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)

#8F5E7A - #AEACA5 | 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 #8F5E7A como 0% y #AEACA5 como 100%.

0.0%	0.0% #8F5E7A	RGB 143 94 122	#8F5E7A
16.7%	16.7% #946B81	RGB 148 107 129	#946B81
33.3%	33.3% #997888	RGB 153 120 136	#997888
50.0%	50.0% #9E858F	RGB 158 133 143	#9E858F
66.7%	66.7% #A39296	RGB 163 146 150	#A39296
83.3%	83.3% #A89F9D	RGB 168 159 157	#A89F9D
100.0%	100.0% #AEACA5	RGB 174 172 165	#AEACA5

#8F5E7A #946B81 #997888 #9E858F #A39296 #A89F9D #AEACA5

#8F5E7A - #AEACA5

Mezcla HSV

#8F5E7A - #AEACA5 | 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 #8F5E7A como 0% y #AEACA5 como 100%.

0.0%	0.0% #8F5E7A	RGB 143 94 122	#8F5E7A
16.7%	16.7% #946877	RGB 148 104 119	#946877
33.3%	33.3% #997378	RGB 153 115 120	#997378
50.0%	50.0% #9E827F	RGB 158 130 127	#9E827F
66.7%	66.7% #A3938B	RGB 163 147 139	#A3938B
83.3%	83.3% #A8A197	RGB 168 161 151	#A8A197
100.0%	100.0% #AEACA5	RGB 174 172 165	#AEACA5

#8F5E7A #946877 #997378 #9E827F #A3938B #A8A197 #AEACA5

#8F5E7A - #9E827F - #AEACA5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E7A 0%, #9E827F 50%, #AEACA5 100%);
    background: -webkit-linear-gradient(top, #8F5E7A 0%, #9E827F 50%, #AEACA5 100%);
    background: linear-gradient(to bottom, #8F5E7A 0%, #9E827F 50%, #AEACA5 100%);
}
</style>