#BC2FAC - #EBC3E7 | 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 #BC2FAC a #EBC3E7

#BC2FAC #EBC3E7

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

#BC2FAC - #EBC3E7 | 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 #BC2FAC como 0% y #EBC3E7 como 100%.

0.0%	0.0% #BC2FAC	RGB 188 47 172	#BC2FAC
16.7%	16.7% #C347B5	RGB 195 71 181	#C347B5
33.3%	33.3% #CB60BF	RGB 203 96 191	#CB60BF
50.0%	50.0% #D379C9	RGB 211 121 201	#D379C9
66.7%	66.7% #DB91D3	RGB 219 145 211	#DB91D3
83.3%	83.3% #E3AADD	RGB 227 170 221	#E3AADD
100.0%	100.0% #EBC3E7	RGB 235 195 231	#EBC3E7

#BC2FAC #C347B5 #CB60BF #D379C9 #DB91D3 #E3AADD #EBC3E7

#BC2FAC - #EBC3E7

Mezcla HSV

#BC2FAC - #EBC3E7 | 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 #BC2FAC como 0% y #EBC3E7 como 100%.

0.0%	0.0% #BC2FAC	RGB 188 47 172	#BC2FAC
16.7%	16.7% #C343B5	RGB 195 67 181	#C343B5
33.3%	33.3% #CB5ABF	RGB 203 90 191	#CB5ABF
50.0%	50.0% #D372C9	RGB 211 114 201	#D372C9
66.7%	66.7% #DB8BD3	RGB 219 139 211	#DB8BD3
83.3%	83.3% #E3A6DC	RGB 227 166 220	#E3A6DC
100.0%	100.0% #EBC3E7	RGB 235 195 231	#EBC3E7

#BC2FAC #C343B5 #CB5ABF #D372C9 #DB8BD3 #E3A6DC #EBC3E7

#BC2FAC - #D372C9 - #EBC3E7

Códigos CSS

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

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