#171813 - #BCBDBB | 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 #171813 a #BCBDBB

#171813 #BCBDBB

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

#171813 - #BCBDBB | 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 #171813 como 0% y #BCBDBB como 100%.

0.0%	0.0% #171813	RGB 23 24 19	#171813
16.7%	16.7% #32332F	RGB 50 51 47	#32332F
33.3%	33.3% #4E4F4B	RGB 78 79 75	#4E4F4B
50.0%	50.0% #696A67	RGB 105 106 103	#696A67
66.7%	66.7% #858683	RGB 133 134 131	#858683
83.3%	83.3% #A0A19F	RGB 160 161 159	#A0A19F
100.0%	100.0% #BCBDBB	RGB 188 189 187	#BCBDBB

#171813 #32332F #4E4F4B #696A67 #858683 #A0A19F #BCBDBB

#171813 - #BCBDBB

Mezcla HSV

#171813 - #BCBDBB | 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 #171813 como 0% y #BCBDBB como 100%.

0.0%	0.0% #171813	RGB 23 24 19	#171813
16.7%	16.7% #31332A	RGB 49 51 42	#31332A
33.3%	33.3% #4B4F43	RGB 75 79 67	#4B4F43
50.0%	50.0% #666A5E	RGB 102 106 94	#666A5E
66.7%	66.7% #81867B	RGB 129 134 123	#81867B
83.3%	83.3% #9EA19A	RGB 158 161 154	#9EA19A
100.0%	100.0% #BCBDBB	RGB 188 189 187	#BCBDBB

#171813 #31332A #4B4F43 #666A5E #81867B #9EA19A #BCBDBB

#171813 - #666A5E - #BCBDBB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #171813 0%, #666A5E 50%, #BCBDBB 100%);
    background: -webkit-linear-gradient(top, #171813 0%, #666A5E 50%, #BCBDBB 100%);
    background: linear-gradient(to bottom, #171813 0%, #666A5E 50%, #BCBDBB 100%);
}
</style>