#B5B6AF - #B8D5FF | 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 #B5B6AF a #B8D5FF

#B5B6AF #B8D5FF

Calcule el color entre dos colores, #B5B6AF y #B8D5FF. 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)

#B5B6AF - #B8D5FF | 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 #B5B6AF como 0% y #B8D5FF como 100%.

0.0%	0.0% #B5B6AF	RGB 181 182 175	#B5B6AF
16.7%	16.7% #B5BBBC	RGB 181 187 188	#B5BBBC
33.3%	33.3% #B6C0C9	RGB 182 192 201	#B6C0C9
50.0%	50.0% #B6C5D7	RGB 182 197 215	#B6C5D7
66.7%	66.7% #B7CAE4	RGB 183 202 228	#B7CAE4
83.3%	83.3% #B7CFF1	RGB 183 207 241	#B7CFF1
100.0%	100.0% #B8D5FF	RGB 184 213 255	#B8D5FF

#B5B6AF #B5BBBC #B6C0C9 #B6C5D7 #B7CAE4 #B7CFF1 #B8D5FF

#B5B6AF - #B8D5FF

Mezcla HSV

#B5B6AF - #B8D5FF | 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 #B5B6AF como 0% y #B8D5FF como 100%.

0.0%	0.0% #B5B6AF	RGB 181 182 175	#B5B6AF
16.7%	16.7% #B9C2B2	RGB 185 194 178	#B9C2B2
33.3%	33.3% #B6CEB5	RGB 182 206 181	#B6CEB5
50.0%	50.0% #B7DAC4	RGB 183 218 196	#B7DAC4
66.7%	66.7% #B8E6DC	RGB 184 230 220	#B8E6DC
83.3%	83.3% #B8E8F2	RGB 184 232 242	#B8E8F2
100.0%	100.0% #B8D5FF	RGB 184 213 255	#B8D5FF

#B5B6AF #B9C2B2 #B6CEB5 #B7DAC4 #B8E6DC #B8E8F2 #B8D5FF

#B5B6AF - #B7DAC4 - #B8D5FF

Códigos CSS

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

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