#E6B5E7 - #BD45BA | 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 #E6B5E7 a #BD45BA

#E6B5E7 #BD45BA

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

#E6B5E7 - #BD45BA | 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 #E6B5E7 como 0% y #BD45BA como 100%.

0.0%	0.0% #E6B5E7	RGB 230 181 231	#E6B5E7
16.7%	16.7% #DFA2DF	RGB 223 162 223	#DFA2DF
33.3%	33.3% #D88FD8	RGB 216 143 216	#D88FD8
50.0%	50.0% #D17DD0	RGB 209 125 208	#D17DD0
66.7%	66.7% #CA6AC9	RGB 202 106 201	#CA6AC9
83.3%	83.3% #C357C1	RGB 195 87 193	#C357C1
100.0%	100.0% #BD45BA	RGB 189 69 186	#BD45BA

#E6B5E7 #DFA2DF #D88FD8 #D17DD0 #CA6AC9 #C357C1 #BD45BA

#E6B5E7 - #BD45BA

Mezcla HSV

#E6B5E7 - #BD45BA | 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 #E6B5E7 como 0% y #BD45BA como 100%.

0.0%	0.0% #E6B5E7	RGB 230 181 231	#E6B5E7
16.7%	16.7% #DF9FE0	RGB 223 159 224	#DF9FE0
33.3%	33.3% #D88BD9	RGB 216 139 217	#D88BD9
50.0%	50.0% #D278D1	RGB 210 120 209	#D278D1
66.7%	66.7% #CB66C9	RGB 203 102 201	#CB66C9
83.3%	83.3% #C455C2	RGB 196 85 194	#C455C2
100.0%	100.0% #BD45BA	RGB 189 69 186	#BD45BA

#E6B5E7 #DF9FE0 #D88BD9 #D278D1 #CB66C9 #C455C2 #BD45BA

#E6B5E7 - #D278D1 - #BD45BA

Códigos CSS

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

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