#7E5E9C - #DAD1E2 | 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 #7E5E9C a #DAD1E2

#7E5E9C #DAD1E2

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

#7E5E9C - #DAD1E2 | 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 #7E5E9C como 0% y #DAD1E2 como 100%.

0.0%	0.0% #7E5E9C	RGB 126 94 156	#7E5E9C
16.7%	16.7% #8D71A7	RGB 141 113 167	#8D71A7
33.3%	33.3% #9C84B3	RGB 156 132 179	#9C84B3
50.0%	50.0% #AC97BF	RGB 172 151 191	#AC97BF
66.7%	66.7% #BBAACA	RGB 187 170 202	#BBAACA
83.3%	83.3% #CABDD6	RGB 202 189 214	#CABDD6
100.0%	100.0% #DAD1E2	RGB 218 209 226	#DAD1E2

#7E5E9C #8D71A7 #9C84B3 #AC97BF #BBAACA #CABDD6 #DAD1E2

#7E5E9C - #DAD1E2

Mezcla HSV

#7E5E9C - #DAD1E2 | 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 #7E5E9C como 0% y #DAD1E2 como 100%.

0.0%	0.0% #7E5E9C	RGB 126 94 156	#7E5E9C
16.7%	16.7% #8B6EA7	RGB 139 110 167	#8B6EA7
33.3%	33.3% #9A7FB3	RGB 154 127 179	#9A7FB3
50.0%	50.0% #A991BF	RGB 169 145 191	#A991BF
66.7%	66.7% #B9A5CA	RGB 185 165 202	#B9A5CA
83.3%	83.3% #C9BAD6	RGB 201 186 214	#C9BAD6
100.0%	100.0% #DAD1E2	RGB 218 209 226	#DAD1E2

#7E5E9C #8B6EA7 #9A7FB3 #A991BF #B9A5CA #C9BAD6 #DAD1E2

#7E5E9C - #A991BF - #DAD1E2

Códigos CSS

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

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