#BA1FBC - #EBBFEB | 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 #BA1FBC a #EBBFEB

#BA1FBC #EBBFEB

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

#BA1FBC - #EBBFEB | 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 #BA1FBC como 0% y #EBBFEB como 100%.

0.0%	0.0% #BA1FBC	RGB 186 31 188	#BA1FBC
16.7%	16.7% #C239C3	RGB 194 57 195	#C239C3
33.3%	33.3% #CA54CB	RGB 202 84 203	#CA54CB
50.0%	50.0% #D26FD3	RGB 210 111 211	#D26FD3
66.7%	66.7% #DA89DB	RGB 218 137 219	#DA89DB
83.3%	83.3% #E2A4E3	RGB 226 164 227	#E2A4E3
100.0%	100.0% #EBBFEB	RGB 235 191 235	#EBBFEB

#BA1FBC #C239C3 #CA54CB #D26FD3 #DA89DB #E2A4E3 #EBBFEB

#BA1FBC - #EBBFEB

Mezcla HSV

#BA1FBC - #EBBFEB | 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 #BA1FBC como 0% y #EBBFEB como 100%.

0.0%	0.0% #BA1FBC	RGB 186 31 188	#BA1FBC
16.7%	16.7% #C235C3	RGB 194 53 195	#C235C3
33.3%	33.3% #CA4DCB	RGB 202 77 203	#CA4DCB
50.0%	50.0% #D267D3	RGB 210 103 211	#D267D3
66.7%	66.7% #DA82DB	RGB 218 130 219	#DA82DB
83.3%	83.3% #E3A0E3	RGB 227 160 227	#E3A0E3
100.0%	100.0% #EBBFEB	RGB 235 191 235	#EBBFEB

#BA1FBC #C235C3 #CA4DCB #D267D3 #DA82DB #E3A0E3 #EBBFEB

#BA1FBC - #D267D3 - #EBBFEB

Códigos CSS

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

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