#8F5E6B - #ACB8AF | 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 #8F5E6B a #ACB8AF

#8F5E6B #ACB8AF

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

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

0.0%	0.0% #8F5E6B	RGB 143 94 107	#8F5E6B
16.7%	16.7% #936D76	RGB 147 109 118	#936D76
33.3%	33.3% #987C81	RGB 152 124 129	#987C81
50.0%	50.0% #9D8B8D	RGB 157 139 141	#9D8B8D
66.7%	66.7% #A29A98	RGB 162 154 152	#A29A98
83.3%	83.3% #A7A9A3	RGB 167 169 163	#A7A9A3
100.0%	100.0% #ACB8AF	RGB 172 184 175	#ACB8AF

#8F5E6B #936D76 #987C81 #9D8B8D #A29A98 #A7A9A3 #ACB8AF

#8F5E6B - #ACB8AF

Mezcla HSV

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

0.0%	0.0% #8F5E6B	RGB 143 94 107	#8F5E6B
16.7%	16.7% #957069	RGB 149 112 105	#957069
33.3%	33.3% #9C8B75	RGB 156 139 117	#9C8B75
50.0%	50.0% #A3A382	RGB 163 163 130	#A3A382
66.7%	66.7% #9FAA8F	RGB 159 170 143	#9FAA8F
83.3%	83.3% #A0B19D	RGB 160 177 157	#A0B19D
100.0%	100.0% #ACB8AF	RGB 172 184 175	#ACB8AF

#8F5E6B #957069 #9C8B75 #A3A382 #9FAA8F #A0B19D #ACB8AF

#8F5E6B - #A3A382 - #ACB8AF

Códigos CSS

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

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