#B6B6B9 - #5E6375 | 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 #B6B6B9 a #5E6375

#B6B6B9 #5E6375

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

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

0.0%	0.0% #B6B6B9	RGB 182 182 185	#B6B6B9
16.7%	16.7% #A7A8AD	RGB 167 168 173	#A7A8AD
33.3%	33.3% #989AA2	RGB 152 154 162	#989AA2
50.0%	50.0% #8A8C97	RGB 138 140 151	#8A8C97
66.7%	66.7% #7B7E8B	RGB 123 126 139	#7B7E8B
83.3%	83.3% #6C7080	RGB 108 112 128	#6C7080
100.0%	100.0% #5E6375	RGB 94 99 117	#5E6375

#B6B6B9 #A7A8AD #989AA2 #8A8C97 #7B7E8B #6C7080 #5E6375

#B6B6B9 - #5E6375

Mezcla HSV

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

0.0%	0.0% #B6B6B9	RGB 182 182 185	#B6B6B9
16.7%	16.7% #A5A5AD	RGB 165 165 173	#A5A5AD
33.3%	33.3% #9596A2	RGB 149 150 162	#9596A2
50.0%	50.0% #868897	RGB 134 136 151	#868897
66.7%	66.7% #787B8B	RGB 120 123 139	#787B8B
83.3%	83.3% #6A6E80	RGB 106 110 128	#6A6E80
100.0%	100.0% #5E6375	RGB 94 99 117	#5E6375

#B6B6B9 #A5A5AD #9596A2 #868897 #787B8B #6A6E80 #5E6375

#B6B6B9 - #868897 - #5E6375

Códigos CSS

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

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