#B191D2 - #E8DFF2 | 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 #B191D2 a #E8DFF2

#B191D2 #E8DFF2

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

#B191D2 - #E8DFF2 | 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 #B191D2 como 0% y #E8DFF2 como 100%.

0.0%	0.0% #B191D2	RGB 177 145 210	#B191D2
16.7%	16.7% #BA9ED7	RGB 186 158 215	#BA9ED7
33.3%	33.3% #C3ABDC	RGB 195 171 220	#C3ABDC
50.0%	50.0% #CCB8E2	RGB 204 184 226	#CCB8E2
66.7%	66.7% #D5C5E7	RGB 213 197 231	#D5C5E7
83.3%	83.3% #DED2EC	RGB 222 210 236	#DED2EC
100.0%	100.0% #E8DFF2	RGB 232 223 242	#E8DFF2

#B191D2 #BA9ED7 #C3ABDC #CCB8E2 #D5C5E7 #DED2EC #E8DFF2

#B191D2 - #E8DFF2

Mezcla HSV

#B191D2 - #E8DFF2 | 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 #B191D2 como 0% y #E8DFF2 como 100%.

0.0%	0.0% #B091D2	RGB 176 145 210	#B091D2
16.7%	16.7% #B99CD7	RGB 185 156 215	#B99CD7
33.3%	33.3% #C2A9DC	RGB 194 169 220	#C2A9DC
50.0%	50.0% #CBB6E2	RGB 203 182 226	#CBB6E2
66.7%	66.7% #D4C3E7	RGB 212 195 231	#D4C3E7
83.3%	83.3% #DED0EC	RGB 222 208 236	#DED0EC
100.0%	100.0% #E8DFF2	RGB 232 223 242	#E8DFF2

#B091D2 #B99CD7 #C2A9DC #CBB6E2 #D4C3E7 #DED0EC #E8DFF2

#B191D2 - #CBB6E2 - #E8DFF2

Códigos CSS

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

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