#B6BEC1 - #5E7B7E | 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 #B6BEC1 a #5E7B7E

#B6BEC1 #5E7B7E

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

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

0.0%	0.0% #B6BEC1	RGB 182 190 193	#B6BEC1
16.7%	16.7% #A7B2B5	RGB 167 178 181	#A7B2B5
33.3%	33.3% #98A7AA	RGB 152 167 170	#98A7AA
50.0%	50.0% #8A9C9F	RGB 138 156 159	#8A9C9F
66.7%	66.7% #7B9194	RGB 123 145 148	#7B9194
83.3%	83.3% #6C8689	RGB 108 134 137	#6C8689
100.0%	100.0% #5E7B7E	RGB 94 123 126	#5E7B7E

#B6BEC1 #A7B2B5 #98A7AA #8A9C9F #7B9194 #6C8689 #5E7B7E

#B6BEC1 - #5E7B7E

Mezcla HSV

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

0.0%	0.0% #B6BEC1	RGB 182 190 193	#B6BEC1
16.7%	16.7% #A5B1B5	RGB 165 177 181	#A5B1B5
33.3%	33.3% #95A6AA	RGB 149 166 170	#95A6AA
50.0%	50.0% #869A9F	RGB 134 154 159	#869A9F
66.7%	66.7% #789094	RGB 120 144 148	#789094
83.3%	83.3% #6A8589	RGB 106 133 137	#6A8589
100.0%	100.0% #5E7B7E	RGB 94 123 126	#5E7B7E

#B6BEC1 #A5B1B5 #95A6AA #869A9F #789094 #6A8589 #5E7B7E

#B6BEC1 - #869A9F - #5E7B7E

Códigos CSS

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

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