#B2B2B4 - #5E5E6F | 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 #B2B2B4 a #5E5E6F

#B2B2B4 #5E5E6F

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

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

0.0%	0.0% #B2B2B4	RGB 178 178 180	#B2B2B4
16.7%	16.7% #A4A4A8	RGB 164 164 168	#A4A4A8
33.3%	33.3% #96969D	RGB 150 150 157	#96969D
50.0%	50.0% #888891	RGB 136 136 145	#888891
66.7%	66.7% #7A7A86	RGB 122 122 134	#7A7A86
83.3%	83.3% #6C6C7A	RGB 108 108 122	#6C6C7A
100.0%	100.0% #5E5E6F	RGB 94 94 111	#5E5E6F

#B2B2B4 #A4A4A8 #96969D #888891 #7A7A86 #6C6C7A #5E5E6F

#B2B2B4 - #5E5E6F

Mezcla HSV

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

0.0%	0.0% #B2B2B4	RGB 178 178 180	#B2B2B4
16.7%	16.7% #A2A2A8	RGB 162 162 168	#A2A2A8
33.3%	33.3% #93939D	RGB 147 147 157	#93939D
50.0%	50.0% #858591	RGB 133 133 145	#858591
66.7%	66.7% #777786	RGB 119 119 134	#777786
83.3%	83.3% #6A6A7A	RGB 106 106 122	#6A6A7A
100.0%	100.0% #5E5E6F	RGB 94 94 111	#5E5E6F

#B2B2B4 #A2A2A8 #93939D #858591 #777786 #6A6A7A #5E5E6F

#B2B2B4 - #858591 - #5E5E6F

Códigos CSS

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

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