#B2B8BC - #5E8A8F | 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 #B2B8BC a #5E8A8F

#B2B8BC #5E8A8F

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

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

0.0%	0.0% #B2B8BC	RGB 178 184 188	#B2B8BC
16.7%	16.7% #A4B0B4	RGB 164 176 180	#A4B0B4
33.3%	33.3% #96A8AD	RGB 150 168 173	#96A8AD
50.0%	50.0% #88A1A5	RGB 136 161 165	#88A1A5
66.7%	66.7% #7A999E	RGB 122 153 158	#7A999E
83.3%	83.3% #6C9196	RGB 108 145 150	#6C9196
100.0%	100.0% #5E8A8F	RGB 94 138 143	#5E8A8F

#B2B8BC #A4B0B4 #96A8AD #88A1A5 #7A999E #6C9196 #5E8A8F

#B2B8BC - #5E8A8F

Mezcla HSV

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

0.0%	0.0% #B2B8BC	RGB 178 184 188	#B2B8BC
16.7%	16.7% #A2AEB4	RGB 162 174 180	#A2AEB4
33.3%	33.3% #93A5AD	RGB 147 165 173	#93A5AD
50.0%	50.0% #849DA5	RGB 132 157 165	#849DA5
66.7%	66.7% #77969E	RGB 119 150 158	#77969E
83.3%	83.3% #6A8F96	RGB 106 143 150	#6A8F96
100.0%	100.0% #5E8A8F	RGB 94 138 143	#5E8A8F

#B2B8BC #A2AEB4 #93A5AD #849DA5 #77969E #6A8F96 #5E8A8F

#B2B8BC - #849DA5 - #5E8A8F

Códigos CSS

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

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