#15181C - #BCBCBE | 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 #15181C a #BCBCBE

#15181C #BCBCBE

Calcule el color entre dos colores, #15181C y #BCBCBE. 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)

#15181C - #BCBCBE | 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 #15181C como 0% y #BCBCBE como 100%.

0.0%	0.0% #15181C	RGB 21 24 28	#15181C
16.7%	16.7% #303337	RGB 48 51 55	#303337
33.3%	33.3% #4C4E52	RGB 76 78 82	#4C4E52
50.0%	50.0% #686A6D	RGB 104 106 109	#686A6D
66.7%	66.7% #848588	RGB 132 133 136	#848588
83.3%	83.3% #A0A0A3	RGB 160 160 163	#A0A0A3
100.0%	100.0% #BCBCBE	RGB 188 188 190	#BCBCBE

#15181C #303337 #4C4E52 #686A6D #848588 #A0A0A3 #BCBCBE

#15181C - #BCBCBE

Mezcla HSV

#15181C - #BCBCBE | 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 #15181C como 0% y #BCBCBE como 100%.

0.0%	0.0% #15181C	RGB 21 24 28	#15181C
16.7%	16.7% #2B2F37	RGB 43 47 55	#2B2F37
33.3%	33.3% #444852	RGB 68 72 82	#444852
50.0%	50.0% #5E616D	RGB 94 97 109	#5E616D
66.7%	66.7% #7B7D88	RGB 123 125 136	#7B7D88
83.3%	83.3% #9A9BA3	RGB 154 155 163	#9A9BA3
100.0%	100.0% #BCBCBE	RGB 188 188 190	#BCBCBE

#15181C #2B2F37 #444852 #5E616D #7B7D88 #9A9BA3 #BCBCBE

#15181C - #5E616D - #BCBCBE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15181C 0%, #5E616D 50%, #BCBCBE 100%);
    background: -webkit-linear-gradient(top, #15181C 0%, #5E616D 50%, #BCBCBE 100%);
    background: linear-gradient(to bottom, #15181C 0%, #5E616D 50%, #BCBCBE 100%);
}
</style>