#080A24 - #B8B9C0 | 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 #080A24 a #B8B9C0

#080A24 #B8B9C0

Calcule el color entre dos colores, #080A24 y #B8B9C0. 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)

#080A24 - #B8B9C0 | 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 #080A24 como 0% y #B8B9C0 como 100%.

0.0%	0.0% #080A24	RGB 8 10 36	#080A24
16.7%	16.7% #25273E	RGB 37 39 62	#25273E
33.3%	33.3% #424458	RGB 66 68 88	#424458
50.0%	50.0% #606172	RGB 96 97 114	#606172
66.7%	66.7% #7D7E8C	RGB 125 126 140	#7D7E8C
83.3%	83.3% #9A9BA6	RGB 154 155 166	#9A9BA6
100.0%	100.0% #B8B9C0	RGB 184 185 192	#B8B9C0

#080A24 #25273E #424458 #606172 #7D7E8C #9A9BA6 #B8B9C0

#080A24 - #B8B9C0

Mezcla HSV

#080A24 - #B8B9C0 | 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 #080A24 como 0% y #B8B9C0 como 100%.

0.0%	0.0% #070924	RGB 7 9 36	#070924
16.7%	16.7% #15183E	RGB 21 24 62	#15183E
33.3%	33.3% #292D58	RGB 41 45 88	#292D58
50.0%	50.0% #434772	RGB 67 71 114	#434772
66.7%	66.7% #63688C	RGB 99 104 140	#63688C
83.3%	83.3% #8A8DA6	RGB 138 141 166	#8A8DA6
100.0%	100.0% #B8B9C0	RGB 184 185 192	#B8B9C0

#070924 #15183E #292D58 #434772 #63688C #8A8DA6 #B8B9C0

#080A24 - #434772 - #B8B9C0

Códigos CSS

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

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