#5E6190 - #ADA4AC | 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 #5E6190 a #ADA4AC

#5E6190 #ADA4AC

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

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

0.0%	0.0% #5E6190	RGB 94 97 144	#5E6190
16.7%	16.7% #6B6C94	RGB 107 108 148	#6B6C94
33.3%	33.3% #787799	RGB 120 119 153	#787799
50.0%	50.0% #85829E	RGB 133 130 158	#85829E
66.7%	66.7% #928DA2	RGB 146 141 162	#928DA2
83.3%	83.3% #9F98A7	RGB 159 152 167	#9F98A7
100.0%	100.0% #ADA4AC	RGB 173 164 172	#ADA4AC

#5E6190 #6B6C94 #787799 #85829E #928DA2 #9F98A7 #ADA4AC

#5E6190 - #ADA4AC

Mezcla HSV

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

0.0%	0.0% #5E6190	RGB 94 97 144	#5E6190
16.7%	16.7% #6E6894	RGB 110 104 148	#6E6894
33.3%	33.3% #807399	RGB 128 115 153	#807399
50.0%	50.0% #8F7E9E	RGB 143 126 158	#8F7E9E
66.7%	66.7% #9C8AA3	RGB 156 138 163	#9C8AA3
83.3%	83.3% #A697A8	RGB 166 151 168	#A697A8
100.0%	100.0% #ADA4AC	RGB 173 164 172	#ADA4AC

#5E6190 #6E6894 #807399 #8F7E9E #9C8AA3 #A697A8 #ADA4AC

#5E6190 - #8F7E9E - #ADA4AC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6190 0%, #8F7E9E 50%, #ADA4AC 100%);
    background: -webkit-linear-gradient(top, #5E6190 0%, #8F7E9E 50%, #ADA4AC 100%);
    background: linear-gradient(to bottom, #5E6190 0%, #8F7E9E 50%, #ADA4AC 100%);
}
</style>