#B900BA - #EBB6EB | 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 #B900BA a #EBB6EB

#B900BA #EBB6EB

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

#B900BA - #EBB6EB | 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 #B900BA como 0% y #EBB6EB como 100%.

0.0%	0.0% #B900BA	RGB 185 0 186	#B900BA
16.7%	16.7% #C11EC2	RGB 193 30 194	#C11EC2
33.3%	33.3% #C93CCA	RGB 201 60 202	#C93CCA
50.0%	50.0% #D25BD2	RGB 210 91 210	#D25BD2
66.7%	66.7% #DA79DA	RGB 218 121 218	#DA79DA
83.3%	83.3% #E297E2	RGB 226 151 226	#E297E2
100.0%	100.0% #EBB6EB	RGB 235 182 235	#EBB6EB

#B900BA #C11EC2 #C93CCA #D25BD2 #DA79DA #E297E2 #EBB6EB

#B900BA - #EBB6EB

Mezcla HSV

#B900BA - #EBB6EB | 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 #B900BA como 0% y #EBB6EB como 100%.

0.0%	0.0% #B900BA	RGB 185 0 186	#B900BA
16.7%	16.7% #C119C2	RGB 193 25 194	#C119C2
33.3%	33.3% #C934CA	RGB 201 52 202	#C934CA
50.0%	50.0% #D251D2	RGB 210 81 210	#D251D2
66.7%	66.7% #DA70DA	RGB 218 112 218	#DA70DA
83.3%	83.3% #E292E2	RGB 226 146 226	#E292E2
100.0%	100.0% #EBB6EB	RGB 235 182 235	#EBB6EB

#B900BA #C119C2 #C934CA #D251D2 #DA70DA #E292E2 #EBB6EB

#B900BA - #D251D2 - #EBB6EB

Códigos CSS

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

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