#5E5E9E - #A6A2B9 | 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 #5E5E9E a #A6A2B9

#5E5E9E #A6A2B9

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

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

0.0%	0.0% #5E5E9E	RGB 94 94 158	#5E5E9E
16.7%	16.7% #6A69A2	RGB 106 105 162	#6A69A2
33.3%	33.3% #7674A7	RGB 118 116 167	#7674A7
50.0%	50.0% #8280AB	RGB 130 128 171	#8280AB
66.7%	66.7% #8E8BB0	RGB 142 139 176	#8E8BB0
83.3%	83.3% #9A96B4	RGB 154 150 180	#9A96B4
100.0%	100.0% #A6A2B9	RGB 166 162 185	#A6A2B9

#5E5E9E #6A69A2 #7674A7 #8280AB #8E8BB0 #9A96B4 #A6A2B9

#5E5E9E - #A6A2B9

Mezcla HSV

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

0.0%	0.0% #5E5E9E	RGB 94 94 158	#5E5E9E
16.7%	16.7% #6968A2	RGB 105 104 162	#6968A2
33.3%	33.3% #7572A7	RGB 117 114 167	#7572A7
50.0%	50.0% #827EAB	RGB 130 126 171	#827EAB
66.7%	66.7% #8E89B0	RGB 142 137 176	#8E89B0
83.3%	83.3% #9A95B4	RGB 154 149 180	#9A95B4
100.0%	100.0% #A6A2B9	RGB 166 162 185	#A6A2B9

#5E5E9E #6968A2 #7572A7 #827EAB #8E89B0 #9A95B4 #A6A2B9

#5E5E9E - #827EAB - #A6A2B9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E9E 0%, #827EAB 50%, #A6A2B9 100%);
    background: -webkit-linear-gradient(top, #5E5E9E 0%, #827EAB 50%, #A6A2B9 100%);
    background: linear-gradient(to bottom, #5E5E9E 0%, #827EAB 50%, #A6A2B9 100%);
}
</style>