#B8B8FF - #343448 | 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 #B8B8FF a #343448

#B8B8FF #343448

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

#B8B8FF - #343448 | 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 #B8B8FF como 0% y #343448 como 100%.

0.0%	0.0% #B8B8FF	RGB 184 184 255	#B8B8FF
16.7%	16.7% #A2A2E0	RGB 162 162 224	#A2A2E0
33.3%	33.3% #8C8CC2	RGB 140 140 194	#8C8CC2
50.0%	50.0% #7676A3	RGB 118 118 163	#7676A3
66.7%	66.7% #606084	RGB 96 96 132	#606084
83.3%	83.3% #4A4A66	RGB 74 74 102	#4A4A66
100.0%	100.0% #343448	RGB 52 52 72	#343448

#B8B8FF #A2A2E0 #8C8CC2 #7676A3 #606084 #4A4A66 #343448

#B8B8FF - #343448

Mezcla HSV

#B8B8FF - #343448 | 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 #B8B8FF como 0% y #343448 como 100%.

0.0%	0.0% #B8B8FF	RGB 184 184 255	#B8B8FF
16.7%	16.7% #A2A2E0	RGB 162 162 224	#A2A2E0
33.3%	33.3% #8C8CC2	RGB 140 140 194	#8C8CC2
50.0%	50.0% #7676A3	RGB 118 118 163	#7676A3
66.7%	66.7% #606084	RGB 96 96 132	#606084
83.3%	83.3% #4A4A66	RGB 74 74 102	#4A4A66
100.0%	100.0% #343448	RGB 52 52 72	#343448

#B8B8FF #A2A2E0 #8C8CC2 #7676A3 #606084 #4A4A66 #343448

#B8B8FF - #7676A3 - #343448

Códigos CSS

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

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