#1F213B - #BFBFC7 | 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 #1F213B a #BFBFC7

#1F213B #BFBFC7

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

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

0.0%	0.0% #1F213B	RGB 31 33 59	#1F213B
16.7%	16.7% #393B52	RGB 57 59 82	#393B52
33.3%	33.3% #545569	RGB 84 85 105	#545569
50.0%	50.0% #6F7081	RGB 111 112 129	#6F7081
66.7%	66.7% #898A98	RGB 137 138 152	#898A98
83.3%	83.3% #A4A4AF	RGB 164 164 175	#A4A4AF
100.0%	100.0% #BFBFC7	RGB 191 191 199	#BFBFC7

#1F213B #393B52 #545569 #6F7081 #898A98 #A4A4AF #BFBFC7

#1F213B - #BFBFC7

Mezcla HSV

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

0.0%	0.0% #1F213B	RGB 31 33 59	#1F213B
16.7%	16.7% #313352	RGB 49 51 82	#313352
33.3%	33.3% #464869	RGB 70 72 105	#464869
50.0%	50.0% #5F6081	RGB 95 96 129	#5F6081
66.7%	66.7% #7C7C98	RGB 124 124 152	#7C7C98
83.3%	83.3% #9B9CAF	RGB 155 156 175	#9B9CAF
100.0%	100.0% #BFBFC7	RGB 191 191 199	#BFBFC7

#1F213B #313352 #464869 #5F6081 #7C7C98 #9B9CAF #BFBFC7

#1F213B - #5F6081 - #BFBFC7

Códigos CSS

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

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