#1A253B - #BDC0C7 | 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 #1A253B a #BDC0C7

#1A253B #BDC0C7

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

#1A253B - #BDC0C7 | 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 #1A253B como 0% y #BDC0C7 como 100%.

0.0%	0.0% #1A253B	RGB 26 37 59	#1A253B
16.7%	16.7% #353E52	RGB 53 62 82	#353E52
33.3%	33.3% #505869	RGB 80 88 105	#505869
50.0%	50.0% #6B7281	RGB 107 114 129	#6B7281
66.7%	66.7% #868C98	RGB 134 140 152	#868C98
83.3%	83.3% #A1A6AF	RGB 161 166 175	#A1A6AF
100.0%	100.0% #BDC0C7	RGB 189 192 199	#BDC0C7

#1A253B #353E52 #505869 #6B7281 #868C98 #A1A6AF #BDC0C7

#1A253B - #BDC0C7

Mezcla HSV

#1A253B - #BDC0C7 | 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 #1A253B como 0% y #BDC0C7 como 100%.

0.0%	0.0% #1A253B	RGB 26 37 59	#1A253B
16.7%	16.7% #2B3852	RGB 43 56 82	#2B3852
33.3%	33.3% #404D69	RGB 64 77 105	#404D69
50.0%	50.0% #596681	RGB 89 102 129	#596681
66.7%	66.7% #768198	RGB 118 129 152	#768198
83.3%	83.3% #979FAF	RGB 151 159 175	#979FAF
100.0%	100.0% #BDC0C7	RGB 189 192 199	#BDC0C7

#1A253B #2B3852 #404D69 #596681 #768198 #979FAF #BDC0C7

#1A253B - #596681 - #BDC0C7

Códigos CSS

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

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