#B2B2B3 - #5C7185 | 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 #B2B2B3 a #5C7185

#B2B2B3 #5C7185

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

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

0.0%	0.0% #B2B2B3	RGB 178 178 179	#B2B2B3
16.7%	16.7% #A3A7AB	RGB 163 167 171	#A3A7AB
33.3%	33.3% #959CA3	RGB 149 156 163	#959CA3
50.0%	50.0% #87919C	RGB 135 145 156	#87919C
66.7%	66.7% #788694	RGB 120 134 148	#788694
83.3%	83.3% #6A7B8C	RGB 106 123 140	#6A7B8C
100.0%	100.0% #5C7185	RGB 92 113 133	#5C7185

#B2B2B3 #A3A7AB #959CA3 #87919C #788694 #6A7B8C #5C7185

#B2B2B3 - #5C7185

Mezcla HSV

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

0.0%	0.0% #B2B2B3	RGB 178 178 179	#B2B2B3
16.7%	16.7% #A1A2AB	RGB 161 162 171	#A1A2AB
33.3%	33.3% #9295A3	RGB 146 149 163	#9295A3
50.0%	50.0% #83899C	RGB 131 137 156	#83899C
66.7%	66.7% #758094	RGB 117 128 148	#758094
83.3%	83.3% #68778C	RGB 104 119 140	#68778C
100.0%	100.0% #5C7185	RGB 92 113 133	#5C7185

#B2B2B3 #A1A2AB #9295A3 #83899C #758094 #68778C #5C7185

#B2B2B3 - #83899C - #5C7185

Códigos CSS

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

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