#E7B5E4 - #BC4AA5 | 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 #E7B5E4 a #BC4AA5

#E7B5E4 #BC4AA5

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

#E7B5E4 - #BC4AA5 | 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 #E7B5E4 como 0% y #BC4AA5 como 100%.

0.0%	0.0% #E7B5E4	RGB 231 181 228	#E7B5E4
16.7%	16.7% #DFA3D9	RGB 223 163 217	#DFA3D9
33.3%	33.3% #D891CF	RGB 216 145 207	#D891CF
50.0%	50.0% #D17FC4	RGB 209 127 196	#D17FC4
66.7%	66.7% #CA6DBA	RGB 202 109 186	#CA6DBA
83.3%	83.3% #C35BAF	RGB 195 91 175	#C35BAF
100.0%	100.0% #BC4AA5	RGB 188 74 165	#BC4AA5

#E7B5E4 #DFA3D9 #D891CF #D17FC4 #CA6DBA #C35BAF #BC4AA5

#E7B5E4 - #BC4AA5

Mezcla HSV

#E7B5E4 - #BC4AA5 | 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 #E7B5E4 como 0% y #BC4AA5 como 100%.

0.0%	0.0% #E7B5E4	RGB 231 181 228	#E7B5E4
16.7%	16.7% #DFA0DA	RGB 223 160 218	#DFA0DA
33.3%	33.3% #D88DD0	RGB 216 141 208	#D88DD0
50.0%	50.0% #D17BC6	RGB 209 123 198	#D17BC6
66.7%	66.7% #CA69BB	RGB 202 105 187	#CA69BB
83.3%	83.3% #C359B0	RGB 195 89 176	#C359B0
100.0%	100.0% #BC4AA5	RGB 188 74 165	#BC4AA5

#E7B5E4 #DFA0DA #D88DD0 #D17BC6 #CA69BB #C359B0 #BC4AA5

#E7B5E4 - #D17BC6 - #BC4AA5

Códigos CSS

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

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