#18151C - #BDBCBE | 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 #18151C a #BDBCBE

#18151C #BDBCBE

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

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

0.0%	0.0% #18151C	RGB 24 21 28	#18151C
16.7%	16.7% #333037	RGB 51 48 55	#333037
33.3%	33.3% #4F4C52	RGB 79 76 82	#4F4C52
50.0%	50.0% #6A686D	RGB 106 104 109	#6A686D
66.7%	66.7% #868488	RGB 134 132 136	#868488
83.3%	83.3% #A1A0A3	RGB 161 160 163	#A1A0A3
100.0%	100.0% #BDBCBE	RGB 189 188 190	#BDBCBE

#18151C #333037 #4F4C52 #6A686D #868488 #A1A0A3 #BDBCBE

#18151C - #BDBCBE

Mezcla HSV

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

0.0%	0.0% #18151C	RGB 24 21 28	#18151C
16.7%	16.7% #302B37	RGB 48 43 55	#302B37
33.3%	33.3% #4A4452	RGB 74 68 82	#4A4452
50.0%	50.0% #655E6D	RGB 101 94 109	#655E6D
66.7%	66.7% #817B88	RGB 129 123 136	#817B88
83.3%	83.3% #9E9AA3	RGB 158 154 163	#9E9AA3
100.0%	100.0% #BDBCBE	RGB 189 188 190	#BDBCBE

#18151C #302B37 #4A4452 #655E6D #817B88 #9E9AA3 #BDBCBE

#18151C - #655E6D - #BDBCBE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #18151C 0%, #655E6D 50%, #BDBCBE 100%);
    background: -webkit-linear-gradient(top, #18151C 0%, #655E6D 50%, #BDBCBE 100%);
    background: linear-gradient(to bottom, #18151C 0%, #655E6D 50%, #BDBCBE 100%);
}
</style>