#B0AFB6 - #5E636C | 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 #B0AFB6 a #5E636C

#B0AFB6 #5E636C

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

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

0.0%	0.0% #B0AFB6	RGB 176 175 182	#B0AFB6
16.7%	16.7% #A2A2A9	RGB 162 162 169	#A2A2A9
33.3%	33.3% #94959D	RGB 148 149 157	#94959D
50.0%	50.0% #878991	RGB 135 137 145	#878991
66.7%	66.7% #797C84	RGB 121 124 132	#797C84
83.3%	83.3% #6B6F78	RGB 107 111 120	#6B6F78
100.0%	100.0% #5E636C	RGB 94 99 108	#5E636C

#B0AFB6 #A2A2A9 #94959D #878991 #797C84 #6B6F78 #5E636C

#B0AFB6 - #5E636C

Mezcla HSV

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

0.0%	0.0% #B0AFB6	RGB 176 175 182	#B0AFB6
16.7%	16.7% #A1A0A9	RGB 161 160 169	#A1A0A9
33.3%	33.3% #92929D	RGB 146 146 157	#92929D
50.0%	50.0% #848691	RGB 132 134 145	#848691
66.7%	66.7% #777A84	RGB 119 122 132	#777A84
83.3%	83.3% #6A6E78	RGB 106 110 120	#6A6E78
100.0%	100.0% #5E636C	RGB 94 99 108	#5E636C

#B0AFB6 #A1A0A9 #92929D #848691 #777A84 #6A6E78 #5E636C

#B0AFB6 - #848691 - #5E636C

Códigos CSS

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

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