#7B5EB6 - #ECB0C4 | 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 #7B5EB6 a #ECB0C4

#7B5EB6 #ECB0C4

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

#7B5EB6 - #ECB0C4 | 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 #7B5EB6 como 0% y #ECB0C4 como 100%.

0.0%	0.0% #7B5EB6	RGB 123 94 182	#7B5EB6
16.7%	16.7% #8D6BB8	RGB 141 107 184	#8D6BB8
33.3%	33.3% #A079BA	RGB 160 121 186	#A079BA
50.0%	50.0% #B387BD	RGB 179 135 189	#B387BD
66.7%	66.7% #C694BF	RGB 198 148 191	#C694BF
83.3%	83.3% #D9A2C1	RGB 217 162 193	#D9A2C1
100.0%	100.0% #ECB0C4	RGB 236 176 196	#ECB0C4

#7B5EB6 #8D6BB8 #A079BA #B387BD #C694BF #D9A2C1 #ECB0C4

#7B5EB6 - #ECB0C4

Mezcla HSV

#7B5EB6 - #ECB0C4 | 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 #7B5EB6 como 0% y #ECB0C4 como 100%.

0.0%	0.0% #7B5EB6	RGB 123 94 182	#7B5EB6
16.7%	16.7% #9869BF	RGB 152 105 191	#9869BF
33.3%	33.3% #B576C8	RGB 181 118 200	#B576C8
50.0%	50.0% #D083D1	RGB 208 131 209	#D083D1
66.7%	66.7% #DA91CA	RGB 218 145 202	#DA91CA
83.3%	83.3% #E3A0C5	RGB 227 160 197	#E3A0C5
100.0%	100.0% #ECB0C4	RGB 236 176 196	#ECB0C4

#7B5EB6 #9869BF #B576C8 #D083D1 #DA91CA #E3A0C5 #ECB0C4

#7B5EB6 - #D083D1 - #ECB0C4

Códigos CSS

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

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