#B6B5E7 - #333342 | 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 #B6B5E7 a #333342

#B6B5E7 #333342

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

#B6B5E7 - #333342 | 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 #B6B5E7 como 0% y #333342 como 100%.

0.0%	0.0% #B6B5E7	RGB 182 181 231	#B6B5E7
16.7%	16.7% #A09FCB	RGB 160 159 203	#A09FCB
33.3%	33.3% #8A89B0	RGB 138 137 176	#8A89B0
50.0%	50.0% #747494	RGB 116 116 148	#747494
66.7%	66.7% #5E5E79	RGB 94 94 121	#5E5E79
83.3%	83.3% #48485D	RGB 72 72 93	#48485D
100.0%	100.0% #333342	RGB 51 51 66	#333342

#B6B5E7 #A09FCB #8A89B0 #747494 #5E5E79 #48485D #333342

#B6B5E7 - #333342

Mezcla HSV

#B6B5E7 - #333342 | 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 #B6B5E7 como 0% y #333342 como 100%.

0.0%	0.0% #B6B5E7	RGB 182 181 231	#B6B5E7
16.7%	16.7% #9F9FCB	RGB 159 159 203	#9F9FCB
33.3%	33.3% #8989B0	RGB 137 137 176	#8989B0
50.0%	50.0% #737394	RGB 115 115 148	#737394
66.7%	66.7% #5E5D79	RGB 94 93 121	#5E5D79
83.3%	83.3% #48485D	RGB 72 72 93	#48485D
100.0%	100.0% #333342	RGB 51 51 66	#333342

#B6B5E7 #9F9FCB #8989B0 #737394 #5E5D79 #48485D #333342

#B6B5E7 - #737394 - #333342

Códigos CSS

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

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