#161830 - #BCBDC3 | 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 #161830 a #BCBDC3

#161830 #BCBDC3

Calcule el color entre dos colores, #161830 y #BCBDC3. 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)

#161830 - #BCBDC3 | 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 #161830 como 0% y #BCBDC3 como 100%.

0.0%	0.0% #161830	RGB 22 24 48	#161830
16.7%	16.7% #313348	RGB 49 51 72	#313348
33.3%	33.3% #4D4F61	RGB 77 79 97	#4D4F61
50.0%	50.0% #696A79	RGB 105 106 121	#696A79
66.7%	66.7% #848692	RGB 132 134 146	#848692
83.3%	83.3% #A0A1AA	RGB 160 161 170	#A0A1AA
100.0%	100.0% #BCBDC3	RGB 188 189 195	#BCBDC3

#161830 #313348 #4D4F61 #696A79 #848692 #A0A1AA #BCBDC3

#161830 - #BCBDC3

Mezcla HSV

#161830 - #BCBDC3 | 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 #161830 como 0% y #BCBDC3 como 100%.

0.0%	0.0% #161830	RGB 22 24 48	#161830
16.7%	16.7% #272A48	RGB 39 42 72	#272A48
33.3%	33.3% #3C4061	RGB 60 64 97	#3C4061
50.0%	50.0% #565A79	RGB 86 90 121	#565A79
66.7%	66.7% #747792	RGB 116 119 146	#747792
83.3%	83.3% #9698AA	RGB 150 152 170	#9698AA
100.0%	100.0% #BCBDC3	RGB 188 189 195	#BCBDC3

#161830 #272A48 #3C4061 #565A79 #747792 #9698AA #BCBDC3

#161830 - #565A79 - #BCBDC3

Códigos CSS

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

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