#B5B8C3 - #5E667B | 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 #B5B8C3 a #5E667B

#B5B8C3 #5E667B

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

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

0.0%	0.0% #B5B8C3	RGB 181 184 195	#B5B8C3
16.7%	16.7% #A6AAB7	RGB 166 170 183	#A6AAB7
33.3%	33.3% #989CAB	RGB 152 156 171	#989CAB
50.0%	50.0% #898F9F	RGB 137 143 159	#898F9F
66.7%	66.7% #7B8193	RGB 123 129 147	#7B8193
83.3%	83.3% #6C7387	RGB 108 115 135	#6C7387
100.0%	100.0% #5E667B	RGB 94 102 123	#5E667B

#B5B8C3 #A6AAB7 #989CAB #898F9F #7B8193 #6C7387 #5E667B

#B5B8C3 - #5E667B

Mezcla HSV

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

0.0%	0.0% #B5B8C3	RGB 181 184 195	#B5B8C3
16.7%	16.7% #A4A8B7	RGB 164 168 183	#A4A8B7
33.3%	33.3% #959AAB	RGB 149 154 171	#959AAB
50.0%	50.0% #868C9F	RGB 134 140 159	#868C9F
66.7%	66.7% #787F93	RGB 120 127 147	#787F93
83.3%	83.3% #6A7287	RGB 106 114 135	#6A7287
100.0%	100.0% #5E667B	RGB 94 102 123	#5E667B

#B5B8C3 #A4A8B7 #959AAB #868C9F #787F93 #6A7287 #5E667B

#B5B8C3 - #868C9F - #5E667B

Códigos CSS

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

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