#181C12 - #BDBEBB | 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 #181C12 a #BDBEBB

#181C12 #BDBEBB

Calcule el color entre dos colores, #181C12 y #BDBEBB. 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)

#181C12 - #BDBEBB | 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 #181C12 como 0% y #BDBEBB como 100%.

0.0%	0.0% #181C12	RGB 24 28 18	#181C12
16.7%	16.7% #33372E	RGB 51 55 46	#33372E
33.3%	33.3% #4F524A	RGB 79 82 74	#4F524A
50.0%	50.0% #6A6D66	RGB 106 109 102	#6A6D66
66.7%	66.7% #868882	RGB 134 136 130	#868882
83.3%	83.3% #A1A39E	RGB 161 163 158	#A1A39E
100.0%	100.0% #BDBEBB	RGB 189 190 187	#BDBEBB

#181C12 #33372E #4F524A #6A6D66 #868882 #A1A39E #BDBEBB

#181C12 - #BDBEBB

Mezcla HSV

#181C12 - #BDBEBB | 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 #181C12 como 0% y #BDBEBB como 100%.

0.0%	0.0% #181C12	RGB 24 28 18	#181C12
16.7%	16.7% #303726	RGB 48 55 38	#303726
33.3%	33.3% #4A523E	RGB 74 82 62	#4A523E
50.0%	50.0% #656D58	RGB 101 109 88	#656D58
66.7%	66.7% #818876	RGB 129 136 118	#818876
83.3%	83.3% #9EA397	RGB 158 163 151	#9EA397
100.0%	100.0% #BDBEBB	RGB 189 190 187	#BDBEBB

#181C12 #303726 #4A523E #656D58 #818876 #9EA397 #BDBEBB

#181C12 - #656D58 - #BDBEBB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #181C12 0%, #656D58 50%, #BDBEBB 100%);
    background: -webkit-linear-gradient(top, #181C12 0%, #656D58 50%, #BDBEBB 100%);
    background: linear-gradient(to bottom, #181C12 0%, #656D58 50%, #BDBEBB 100%);
}
</style>