#5E6182 - #B1A29E | 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 #5E6182 a #B1A29E

#5E6182 #B1A29E

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

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

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #6B6B86	RGB 107 107 134	#6B6B86
33.3%	33.3% #79768B	RGB 121 118 139	#79768B
50.0%	50.0% #878190	RGB 135 129 144	#878190
66.7%	66.7% #958C94	RGB 149 140 148	#958C94
83.3%	83.3% #A39799	RGB 163 151 153	#A39799
100.0%	100.0% #B1A29E	RGB 177 162 158	#B1A29E

#5E6182 #6B6B86 #79768B #878190 #958C94 #A39799 #B1A29E

#5E6182 - #B1A29E

Mezcla HSV

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

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #716789	RGB 113 103 137	#716789
33.3%	33.3% #877191	RGB 135 113 145	#877191
50.0%	50.0% #997C97	RGB 153 124 151	#997C97
66.7%	66.7% #A18695	RGB 161 134 149	#A18695
83.3%	83.3% #A99296	RGB 169 146 150	#A99296
100.0%	100.0% #B1A29E	RGB 177 162 158	#B1A29E

#5E6182 #716789 #877191 #997C97 #A18695 #A99296 #B1A29E

#5E6182 - #997C97 - #B1A29E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6182 0%, #997C97 50%, #B1A29E 100%);
    background: -webkit-linear-gradient(top, #5E6182 0%, #997C97 50%, #B1A29E 100%);
    background: linear-gradient(to bottom, #5E6182 0%, #997C97 50%, #B1A29E 100%);
}
</style>