#5B5E8C - #AAA1A9 | 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 #5B5E8C a #AAA1A9

#5B5E8C #AAA1A9

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

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

0.0%	0.0% #5B5E8C	RGB 91 94 140	#5B5E8C
16.7%	16.7% #686990	RGB 104 105 144	#686990
33.3%	33.3% #757495	RGB 117 116 149	#757495
50.0%	50.0% #827F9A	RGB 130 127 154	#827F9A
66.7%	66.7% #8F8A9F	RGB 143 138 159	#8F8A9F
83.3%	83.3% #9C95A4	RGB 156 149 164	#9C95A4
100.0%	100.0% #AAA1A9	RGB 170 161 169	#AAA1A9

#5B5E8C #686990 #757495 #827F9A #8F8A9F #9C95A4 #AAA1A9

#5B5E8C - #AAA1A9

Mezcla HSV

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

0.0%	0.0% #5B5D8C	RGB 91 93 140	#5B5D8C
16.7%	16.7% #6B6591	RGB 107 101 145	#6B6591
33.3%	33.3% #7C7096	RGB 124 112 150	#7C7096
50.0%	50.0% #8C7B9B	RGB 140 123 155	#8C7B9B
66.7%	66.7% #9987A0	RGB 153 135 160	#9987A0
83.3%	83.3% #A394A5	RGB 163 148 165	#A394A5
100.0%	100.0% #AAA1A9	RGB 170 161 169	#AAA1A9

#5B5D8C #6B6591 #7C7096 #8C7B9B #9987A0 #A394A5 #AAA1A9

#5B5E8C - #8C7B9B - #AAA1A9

Códigos CSS

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

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