#5E5E6D - #B288E2 | 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 #5E5E6D a #B288E2

#5E5E6D #B288E2

Calcule el color entre dos colores, #5E5E6D y #B288E2. 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)

#5E5E6D - #B288E2 | 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 #5E5E6D como 0% y #B288E2 como 100%.

0.0%	0.0% #5E5E6D	RGB 94 94 109	#5E5E6D
16.7%	16.7% #6C6580	RGB 108 101 128	#6C6580
33.3%	33.3% #7A6C94	RGB 122 108 148	#7A6C94
50.0%	50.0% #8873A7	RGB 136 115 167	#8873A7
66.7%	66.7% #967ABB	RGB 150 122 187	#967ABB
83.3%	83.3% #A481CE	RGB 164 129 206	#A481CE
100.0%	100.0% #B288E2	RGB 178 136 226	#B288E2

#5E5E6D #6C6580 #7A6C94 #8873A7 #967ABB #A481CE #B288E2

#5E5E6D - #B288E2

Mezcla HSV

#5E5E6D - #B288E2 | 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 #5E5E6D como 0% y #B288E2 como 100%.

0.0%	0.0% #5E5E6D	RGB 94 94 109	#5E5E6D
16.7%	16.7% #6B6980	RGB 107 105 128	#6B6980
33.3%	33.3% #777294	RGB 119 114 148	#777294
50.0%	50.0% #857AA7	RGB 133 122 167	#857AA7
66.7%	66.7% #9280BB	RGB 146 128 187	#9280BB
83.3%	83.3% #A185CE	RGB 161 133 206	#A185CE
100.0%	100.0% #B288E2	RGB 178 136 226	#B288E2

#5E5E6D #6B6980 #777294 #857AA7 #9280BB #A185CE #B288E2

#5E5E6D - #857AA7 - #B288E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6D 0%, #857AA7 50%, #B288E2 100%);
    background: -webkit-linear-gradient(top, #5E5E6D 0%, #857AA7 50%, #B288E2 100%);
    background: linear-gradient(to bottom, #5E5E6D 0%, #857AA7 50%, #B288E2 100%);
}
</style>