#B8C0FF - #516AD5 | 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 #B8C0FF a #516AD5

#B8C0FF #516AD5

Calcule el color entre dos colores, #B8C0FF y #516AD5. 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)

#B8C0FF - #516AD5 | 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 #B8C0FF como 0% y #516AD5 como 100%.

0.0%	0.0% #B8C0FF	RGB 184 192 255	#B8C0FF
16.7%	16.7% #A6B1F8	RGB 166 177 248	#A6B1F8
33.3%	33.3% #95A3F1	RGB 149 163 241	#95A3F1
50.0%	50.0% #8495EA	RGB 132 149 234	#8495EA
66.7%	66.7% #7386E3	RGB 115 134 227	#7386E3
83.3%	83.3% #6278DC	RGB 98 120 220	#6278DC
100.0%	100.0% #516AD5	RGB 81 106 213	#516AD5

#B8C0FF #A6B1F8 #95A3F1 #8495EA #7386E3 #6278DC #516AD5

#B8C0FF - #516AD5

Mezcla HSV

#B8C0FF - #516AD5 | 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 #B8C0FF como 0% y #516AD5 como 100%.

0.0%	0.0% #B8C0FF	RGB 184 192 255	#B8C0FF
16.7%	16.7% #A4AFF8	RGB 164 175 248	#A4AFF8
33.3%	33.3% #929FF1	RGB 146 159 241	#929FF1
50.0%	50.0% #8090EA	RGB 128 144 234	#8090EA
66.7%	66.7% #7082E3	RGB 112 130 227	#7082E3
83.3%	83.3% #6076DC	RGB 96 118 220	#6076DC
100.0%	100.0% #516AD5	RGB 81 106 213	#516AD5

#B8C0FF #A4AFF8 #929FF1 #8090EA #7082E3 #6076DC #516AD5

#B8C0FF - #8090EA - #516AD5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C0FF 0%, #8090EA 50%, #516AD5 100%);
    background: -webkit-linear-gradient(top, #B8C0FF 0%, #8090EA 50%, #516AD5 100%);
    background: linear-gradient(to bottom, #B8C0FF 0%, #8090EA 50%, #516AD5 100%);
}
</style>