#6B6FA3 - #B6B0B9 | 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 #6B6FA3 a #B6B0B9

#6B6FA3 #B6B0B9

Calcule el color entre dos colores, #6B6FA3 y #B6B0B9. 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)

#6B6FA3 - #B6B0B9 | 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 #6B6FA3 como 0% y #B6B0B9 como 100%.

0.0%	0.0% #6B6FA3	RGB 107 111 163	#6B6FA3
16.7%	16.7% #7779A6	RGB 119 121 166	#7779A6
33.3%	33.3% #8484AA	RGB 132 132 170	#8484AA
50.0%	50.0% #908FAE	RGB 144 143 174	#908FAE
66.7%	66.7% #9D9AB1	RGB 157 154 177	#9D9AB1
83.3%	83.3% #A9A5B5	RGB 169 165 181	#A9A5B5
100.0%	100.0% #B6B0B9	RGB 182 176 185	#B6B0B9

#6B6FA3 #7779A6 #8484AA #908FAE #9D9AB1 #A9A5B5 #B6B0B9

#6B6FA3 - #B6B0B9

Mezcla HSV

#6B6FA3 - #B6B0B9 | 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 #6B6FA3 como 0% y #B6B0B9 como 100%.

0.0%	0.0% #6B6FA3	RGB 107 111 163	#6B6FA3
16.7%	16.7% #7875A6	RGB 120 117 166	#7875A6
33.3%	33.3% #8780AA	RGB 135 128 170	#8780AA
50.0%	50.0% #968BAE	RGB 150 139 174	#968BAE
66.7%	66.7% #A297B1	RGB 162 151 177	#A297B1
83.3%	83.3% #ADA3B5	RGB 173 163 181	#ADA3B5
100.0%	100.0% #B6B0B9	RGB 182 176 185	#B6B0B9

#6B6FA3 #7875A6 #8780AA #968BAE #A297B1 #ADA3B5 #B6B0B9

#6B6FA3 - #968BAE - #B6B0B9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6FA3 0%, #968BAE 50%, #B6B0B9 100%);
    background: -webkit-linear-gradient(top, #6B6FA3 0%, #968BAE 50%, #B6B0B9 100%);
    background: linear-gradient(to bottom, #6B6FA3 0%, #968BAE 50%, #B6B0B9 100%);
}
</style>