#7E5E9F - #A2D3D2 | 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 #7E5E9F a #A2D3D2

#7E5E9F #A2D3D2

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

#7E5E9F - #A2D3D2 | 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 #7E5E9F como 0% y #A2D3D2 como 100%.

0.0%	0.0% #7E5E9F	RGB 126 94 159	#7E5E9F
16.7%	16.7% #8471A7	RGB 132 113 167	#8471A7
33.3%	33.3% #8A85B0	RGB 138 133 176	#8A85B0
50.0%	50.0% #9098B8	RGB 144 152 184	#9098B8
66.7%	66.7% #96ACC1	RGB 150 172 193	#96ACC1
83.3%	83.3% #9CBFC9	RGB 156 191 201	#9CBFC9
100.0%	100.0% #A2D3D2	RGB 162 211 210	#A2D3D2

#7E5E9F #8471A7 #8A85B0 #9098B8 #96ACC1 #9CBFC9 #A2D3D2

#7E5E9F - #A2D3D2

Mezcla HSV

#7E5E9F - #A2D3D2 | 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 #7E5E9F como 0% y #A2D3D2 como 100%.

0.0%	0.0% #7E5E9F	RGB 126 94 159	#7E5E9F
16.7%	16.7% #7768A7	RGB 119 104 167	#7768A7
33.3%	33.3% #7273B0	RGB 114 115 176	#7273B0
50.0%	50.0% #7D8DB9	RGB 125 141 185	#7D8DB9
66.7%	66.7% #89A6C1	RGB 137 166 193	#89A6C1
83.3%	83.3% #95BECA	RGB 149 190 202	#95BECA
100.0%	100.0% #A2D3D2	RGB 162 211 210	#A2D3D2

#7E5E9F #7768A7 #7273B0 #7D8DB9 #89A6C1 #95BECA #A2D3D2

#7E5E9F - #7D8DB9 - #A2D3D2

Códigos CSS

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

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