#8C5E9C - #FAAAA3 | 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 #8C5E9C a #FAAAA3

#8C5E9C #FAAAA3

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

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

0.0%	0.0% #8C5E9C	RGB 140 94 156	#8C5E9C
16.7%	16.7% #9E6A9D	RGB 158 106 157	#9E6A9D
33.3%	33.3% #B0779E	RGB 176 119 158	#B0779E
50.0%	50.0% #C3849F	RGB 195 132 159	#C3849F
66.7%	66.7% #D590A0	RGB 213 144 160	#D590A0
83.3%	83.3% #E79DA1	RGB 231 157 161	#E79DA1
100.0%	100.0% #FAAAA3	RGB 250 170 163	#FAAAA3

#8C5E9C #9E6A9D #B0779E #C3849F #D590A0 #E79DA1 #FAAAA3

#8C5E9C - #FAAAA3

Mezcla HSV

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

0.0%	0.0% #8C5E9C	RGB 140 94 156	#8C5E9C
16.7%	16.7% #A968AB	RGB 169 104 171	#A968AB
33.3%	33.3% #BB73AD	RGB 187 115 173	#BB73AD
50.0%	50.0% #CB7FAB	RGB 203 127 171	#CB7FAB
66.7%	66.7% #DA8AA8	RGB 218 138 168	#DA8AA8
83.3%	83.3% #EA96A2	RGB 234 150 162	#EA96A2
100.0%	100.0% #FAAAA3	RGB 250 170 163	#FAAAA3

#8C5E9C #A968AB #BB73AD #CB7FAB #DA8AA8 #EA96A2 #FAAAA3

#8C5E9C - #CB7FAB - #FAAAA3

Códigos CSS

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

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