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

#16152D #BCBCC3

Calcule el color entre dos colores, #16152D 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)

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

0.0%	0.0% #16152D	RGB 22 21 45	#16152D
16.7%	16.7% #313046	RGB 49 48 70	#313046
33.3%	33.3% #4D4C5F	RGB 77 76 95	#4D4C5F
50.0%	50.0% #696878	RGB 105 104 120	#696878
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

#16152D #313046 #4D4C5F #696878 #848491 #A0A0AA #BCBCC3

#16152D - #BCBCC3

Mezcla HSV

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

0.0%	0.0% #16152D	RGB 22 21 45	#16152D
16.7%	16.7% #272646	RGB 39 38 70	#272646
33.3%	33.3% #3D3C5F	RGB 61 60 95	#3D3C5F
50.0%	50.0% #565578	RGB 86 85 120	#565578
66.7%	66.7% #747391	RGB 116 115 145	#747391
83.3%	83.3% #9595AA	RGB 149 149 170	#9595AA
100.0%	100.0% #BCBCC3	RGB 188 188 195	#BCBCC3

#16152D #272646 #3D3C5F #565578 #747391 #9595AA #BCBCC3

#16152D - #565578 - #BCBCC3

Códigos CSS

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

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