#15162D - #BCBCC3 | 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 #15162D a #BCBCC3

#15162D #BCBCC3

Calcule el color entre dos colores, #15162D y #BCBCC3. 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)

#15162D - #BCBCC3 | 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 #15162D como 0% y #BCBCC3 como 100%.

0.0%	0.0% #15162D	RGB 21 22 45	#15162D
16.7%	16.7% #303146	RGB 48 49 70	#303146
33.3%	33.3% #4C4D5F	RGB 76 77 95	#4C4D5F
50.0%	50.0% #686978	RGB 104 105 120	#686978
66.7%	66.7% #848491	RGB 132 132 145	#848491
83.3%	83.3% #A0A0AA	RGB 160 160 170	#A0A0AA
100.0%	100.0% #BCBCC3	RGB 188 188 195	#BCBCC3

#15162D #303146 #4C4D5F #686978 #848491 #A0A0AA #BCBCC3

#15162D - #BCBCC3

Mezcla HSV

#15162D - #BCBCC3 | 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 #15162D como 0% y #BCBCC3 como 100%.

0.0%	0.0% #15162D	RGB 21 22 45	#15162D
16.7%	16.7% #262746	RGB 38 39 70	#262746
33.3%	33.3% #3C3D5F	RGB 60 61 95	#3C3D5F
50.0%	50.0% #555678	RGB 85 86 120	#555678
66.7%	66.7% #737491	RGB 115 116 145	#737491
83.3%	83.3% #9595AA	RGB 149 149 170	#9595AA
100.0%	100.0% #BCBCC3	RGB 188 188 195	#BCBCC3

#15162D #262746 #3C3D5F #555678 #737491 #9595AA #BCBCC3

#15162D - #555678 - #BCBCC3

Códigos CSS

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

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