#5E628F - #AEA5AB | 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 #5E628F a #AEA5AB

#5E628F #AEA5AB

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

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

0.0%	0.0% #5E628F	RGB 94 98 143	#5E628F
16.7%	16.7% #6B6D93	RGB 107 109 147	#6B6D93
33.3%	33.3% #787898	RGB 120 120 152	#787898
50.0%	50.0% #86839D	RGB 134 131 157	#86839D
66.7%	66.7% #938EA1	RGB 147 142 161	#938EA1
83.3%	83.3% #A099A6	RGB 160 153 166	#A099A6
100.0%	100.0% #AEA5AB	RGB 174 165 171	#AEA5AB

#5E628F #6B6D93 #787898 #86839D #938EA1 #A099A6 #AEA5AB

#5E628F - #AEA5AB

Mezcla HSV

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

0.0%	0.0% #5E628F	RGB 94 98 143	#5E628F
16.7%	16.7% #6F6894	RGB 111 104 148	#6F6894
33.3%	33.3% #827399	RGB 130 115 153	#827399
50.0%	50.0% #927F9E	RGB 146 127 158	#927F9E
66.7%	66.7% #A08BA3	RGB 160 139 163	#A08BA3
83.3%	83.3% #A897A7	RGB 168 151 167	#A897A7
100.0%	100.0% #AEA5AB	RGB 174 165 171	#AEA5AB

#5E628F #6F6894 #827399 #927F9E #A08BA3 #A897A7 #AEA5AB

#5E628F - #927F9E - #AEA5AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E628F 0%, #927F9E 50%, #AEA5AB 100%);
    background: -webkit-linear-gradient(top, #5E628F 0%, #927F9E 50%, #AEA5AB 100%);
    background: linear-gradient(to bottom, #5E628F 0%, #927F9E 50%, #AEA5AB 100%);
}
</style>