#B2B2FF - #323248 | 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 #B2B2FF a #323248

#B2B2FF #323248

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

#B2B2FF - #323248 | 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 #B2B2FF como 0% y #323248 como 100%.

0.0%	0.0% #B2B2FF	RGB 178 178 255	#B2B2FF
16.7%	16.7% #9C9CE0	RGB 156 156 224	#9C9CE0
33.3%	33.3% #8787C2	RGB 135 135 194	#8787C2
50.0%	50.0% #7272A3	RGB 114 114 163	#7272A3
66.7%	66.7% #5C5C84	RGB 92 92 132	#5C5C84
83.3%	83.3% #474766	RGB 71 71 102	#474766
100.0%	100.0% #323248	RGB 50 50 72	#323248

#B2B2FF #9C9CE0 #8787C2 #7272A3 #5C5C84 #474766 #323248

#B2B2FF - #323248

Mezcla HSV

#B2B2FF - #323248 | 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 #B2B2FF como 0% y #323248 como 100%.

0.0%	0.0% #B2B2FF	RGB 178 178 255	#B2B2FF
16.7%	16.7% #9C9CE0	RGB 156 156 224	#9C9CE0
33.3%	33.3% #8787C2	RGB 135 135 194	#8787C2
50.0%	50.0% #7171A3	RGB 113 113 163	#7171A3
66.7%	66.7% #5C5C84	RGB 92 92 132	#5C5C84
83.3%	83.3% #474766	RGB 71 71 102	#474766
100.0%	100.0% #323248	RGB 50 50 72	#323248

#B2B2FF #9C9CE0 #8787C2 #7171A3 #5C5C84 #474766 #323248

#B2B2FF - #7171A3 - #323248

Códigos CSS

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

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