#5E6B89 - #B8ADA7 | 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 #5E6B89 a #B8ADA7

#5E6B89 #B8ADA7

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

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

0.0%	0.0% #5E6B89	RGB 94 107 137	#5E6B89
16.7%	16.7% #6D768E	RGB 109 118 142	#6D768E
33.3%	33.3% #7C8193	RGB 124 129 147	#7C8193
50.0%	50.0% #8B8C98	RGB 139 140 152	#8B8C98
66.7%	66.7% #9A979D	RGB 154 151 157	#9A979D
83.3%	83.3% #A9A2A2	RGB 169 162 162	#A9A2A2
100.0%	100.0% #B8ADA7	RGB 184 173 167	#B8ADA7

#5E6B89 #6D768E #7C8193 #8B8C98 #9A979D #A9A2A2 #B8ADA7

#5E6B89 - #B8ADA7

Mezcla HSV

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

0.0%	0.0% #5E6B89	RGB 94 107 137	#5E6B89
16.7%	16.7% #6E6890	RGB 110 104 144	#6E6890
33.3%	33.3% #897498	RGB 137 116 152	#897498
50.0%	50.0% #A07F9F	RGB 160 127 159	#A07F9F
66.7%	66.7% #A88C9B	RGB 168 140 155	#A88C9B
83.3%	83.3% #B0999B	RGB 176 153 155	#B0999B
100.0%	100.0% #B8ADA7	RGB 184 173 167	#B8ADA7

#5E6B89 #6E6890 #897498 #A07F9F #A88C9B #B0999B #B8ADA7

#5E6B89 - #A07F9F - #B8ADA7

Códigos CSS

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

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