#080A27 - #1A375D | 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 #080A27 a #1A375D

#080A27 #1A375D

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

#080A27 - #1A375D | 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 #080A27 como 0% y #1A375D como 100%.

0.0%	0.0% #080A27	RGB 8 10 39	#080A27
16.7%	16.7% #0B1130	RGB 11 17 48	#0B1130
33.3%	33.3% #0E1939	RGB 14 25 57	#0E1939
50.0%	50.0% #112042	RGB 17 32 66	#112042
66.7%	66.7% #14284B	RGB 20 40 75	#14284B
83.3%	83.3% #172F54	RGB 23 47 84	#172F54
100.0%	100.0% #1A375D	RGB 26 55 93	#1A375D

#080A27 #0B1130 #0E1939 #112042 #14284B #172F54 #1A375D

#080A27 - #1A375D

Mezcla HSV

#080A27 - #1A375D | 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 #080A27 como 0% y #1A375D como 100%.

0.0%	0.0% #070927	RGB 7 9 39	#070927
16.7%	16.7% #0A0F30	RGB 10 15 48	#0A0F30
33.3%	33.3% #0D1539	RGB 13 21 57	#0D1539
50.0%	50.0% #0F1C42	RGB 15 28 66	#0F1C42
66.7%	66.7% #13244B	RGB 19 36 75	#13244B
83.3%	83.3% #162D54	RGB 22 45 84	#162D54
100.0%	100.0% #1A375D	RGB 26 55 93	#1A375D

#070927 #0A0F30 #0D1539 #0F1C42 #13244B #162D54 #1A375D

#080A27 - #0F1C42 - #1A375D

Códigos CSS

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

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