#201B18 - #BFBDBD | 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 #201B18 a #BFBDBD

#201B18 #BFBDBD

Calcule el color entre dos colores, #201B18 y #BFBDBD. 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)

#201B18 - #BFBDBD | 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 #201B18 como 0% y #BFBDBD como 100%.

0.0%	0.0% #201B18	RGB 32 27 24	#201B18
16.7%	16.7% #3A3633	RGB 58 54 51	#3A3633
33.3%	33.3% #55514F	RGB 85 81 79	#55514F
50.0%	50.0% #6F6C6A	RGB 111 108 106	#6F6C6A
66.7%	66.7% #8A8786	RGB 138 135 134	#8A8786
83.3%	83.3% #A4A2A1	RGB 164 162 161	#A4A2A1
100.0%	100.0% #BFBDBD	RGB 191 189 189	#BFBDBD

#201B18 #3A3633 #55514F #6F6C6A #8A8786 #A4A2A1 #BFBDBD

#201B18 - #BFBDBD

Mezcla HSV

#201B18 - #BFBDBD | 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 #201B18 como 0% y #BFBDBD como 100%.

0.0%	0.0% #201B18	RGB 32 27 24	#201B18
16.7%	16.7% #3A322E	RGB 58 50 46	#3A322E
33.3%	33.3% #554A46	RGB 85 74 70	#554A46
50.0%	50.0% #6F6360	RGB 111 99 96	#6F6360
66.7%	66.7% #8A7F7D	RGB 138 127 125	#8A7F7D
83.3%	83.3% #A49C9C	RGB 164 156 156	#A49C9C
100.0%	100.0% #BFBDBD	RGB 191 189 189	#BFBDBD

#201B18 #3A322E #554A46 #6F6360 #8A7F7D #A49C9C #BFBDBD

#201B18 - #6F6360 - #BFBDBD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201B18 0%, #6F6360 50%, #BFBDBD 100%);
    background: -webkit-linear-gradient(top, #201B18 0%, #6F6360 50%, #BFBDBD 100%);
    background: linear-gradient(to bottom, #201B18 0%, #6F6360 50%, #BFBDBD 100%);
}
</style>