#8F5E7C - #AEC8C0 | 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 #8F5E7C a #AEC8C0

#8F5E7C #AEC8C0

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

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

0.0%	0.0% #8F5E7C	RGB 143 94 124	#8F5E7C
16.7%	16.7% #946F87	RGB 148 111 135	#946F87
33.3%	33.3% #998192	RGB 153 129 146	#998192
50.0%	50.0% #9E939E	RGB 158 147 158	#9E939E
66.7%	66.7% #A3A4A9	RGB 163 164 169	#A3A4A9
83.3%	83.3% #A8B6B4	RGB 168 182 180	#A8B6B4
100.0%	100.0% #AEC8C0	RGB 174 200 192	#AEC8C0

#8F5E7C #946F87 #998192 #9E939E #A3A4A9 #A8B6B4 #AEC8C0

#8F5E7C - #AEC8C0

Mezcla HSV

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

0.0%	0.0% #8F5E7C	RGB 143 94 124	#8F5E7C
16.7%	16.7% #956998	RGB 149 105 152	#956998
33.3%	33.3% #8B75A2	RGB 139 117 162	#8B75A2
50.0%	50.0% #8482AB	RGB 132 130 171	#8482AB
66.7%	66.7% #909FB5	RGB 144 159 181	#909FB5
83.3%	83.3% #9EBABE	RGB 158 186 190	#9EBABE
100.0%	100.0% #AEC8C0	RGB 174 200 192	#AEC8C0

#8F5E7C #956998 #8B75A2 #8482AB #909FB5 #9EBABE #AEC8C0

#8F5E7C - #8482AB - #AEC8C0

Códigos CSS

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

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