#020310 - #B6B7BA | 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 #020310 a #B6B7BA

#020310 #B6B7BA

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

#020310 - #B6B7BA | 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 #020310 como 0% y #B6B7BA como 100%.

0.0%	0.0% #020310	RGB 2 3 16	#020310
16.7%	16.7% #20212C	RGB 32 33 44	#20212C
33.3%	33.3% #3E3F48	RGB 62 63 72	#3E3F48
50.0%	50.0% #5C5D65	RGB 92 93 101	#5C5D65
66.7%	66.7% #7A7B81	RGB 122 123 129	#7A7B81
83.3%	83.3% #98999D	RGB 152 153 157	#98999D
100.0%	100.0% #B6B7BA	RGB 182 183 186	#B6B7BA

#020310 #20212C #3E3F48 #5C5D65 #7A7B81 #98999D #B6B7BA

#020310 - #B6B7BA

Mezcla HSV

#020310 - #B6B7BA | 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 #020310 como 0% y #B6B7BA como 100%.

0.0%	0.0% #020210	RGB 2 2 16	#020210
16.7%	16.7% #0B0F2C	RGB 11 15 44	#0B0F2C
33.3%	33.3% #1D2348	RGB 29 35 72	#1D2348
50.0%	50.0% #373F65	RGB 55 63 101	#373F65
66.7%	66.7% #596181	RGB 89 97 129	#596181
83.3%	83.3% #83899D	RGB 131 137 157	#83899D
100.0%	100.0% #B6B7BA	RGB 182 183 186	#B6B7BA

#020210 #0B0F2C #1D2348 #373F65 #596181 #83899D #B6B7BA

#020310 - #373F65 - #B6B7BA

Códigos CSS

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

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