#5E6080 - #B1A19C | 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 #5E6080 a #B1A19C

#5E6080 #B1A19C

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

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

0.0%	0.0% #5E6080	RGB 94 96 128	#5E6080
16.7%	16.7% #6B6A84	RGB 107 106 132	#6B6A84
33.3%	33.3% #797589	RGB 121 117 137	#797589
50.0%	50.0% #87808E	RGB 135 128 142	#87808E
66.7%	66.7% #958B92	RGB 149 139 146	#958B92
83.3%	83.3% #A39697	RGB 163 150 151	#A39697
100.0%	100.0% #B1A19C	RGB 177 161 156	#B1A19C

#5E6080 #6B6A84 #797589 #87808E #958B92 #A39697 #B1A19C

#5E6080 - #B1A19C

Mezcla HSV

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

0.0%	0.0% #5E6080	RGB 94 96 128	#5E6080
16.7%	16.7% #716788	RGB 113 103 136	#716788
33.3%	33.3% #877190	RGB 135 113 144	#877190
50.0%	50.0% #987B95	RGB 152 123 149	#987B95
66.7%	66.7% #A08593	RGB 160 133 147	#A08593
83.3%	83.3% #A89094	RGB 168 144 148	#A89094
100.0%	100.0% #B1A19C	RGB 177 161 156	#B1A19C

#5E6080 #716788 #877190 #987B95 #A08593 #A89094 #B1A19C

#5E6080 - #987B95 - #B1A19C

Códigos CSS

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

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