#0D1208 - #B9BBB8 | 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 #0D1208 a #B9BBB8

#0D1208 #B9BBB8

Calcule el color entre dos colores, #0D1208 y #B9BBB8. 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)

#0D1208 - #B9BBB8 | 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 #0D1208 como 0% y #B9BBB8 como 100%.

0.0%	0.0% #0D1208	RGB 13 18 8	#0D1208
16.7%	16.7% #292E25	RGB 41 46 37	#292E25
33.3%	33.3% #464A42	RGB 70 74 66	#464A42
50.0%	50.0% #636660	RGB 99 102 96	#636660
66.7%	66.7% #7F827D	RGB 127 130 125	#7F827D
83.3%	83.3% #9C9E9A	RGB 156 158 154	#9C9E9A
100.0%	100.0% #B9BBB8	RGB 185 187 184	#B9BBB8

#0D1208 #292E25 #464A42 #636660 #7F827D #9C9E9A #B9BBB8

#0D1208 - #B9BBB8

Mezcla HSV

#0D1208 - #B9BBB8 | 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 #0D1208 como 0% y #B9BBB8 como 100%.

0.0%	0.0% #0D1208	RGB 13 18 8	#0D1208
16.7%	16.7% #222E18	RGB 34 46 24	#222E18
33.3%	33.3% #3A4A2E	RGB 58 74 46	#3A4A2E
50.0%	50.0% #556649	RGB 85 102 73	#556649
66.7%	66.7% #738269	RGB 115 130 105	#738269
83.3%	83.3% #949E8E	RGB 148 158 142	#949E8E
100.0%	100.0% #B9BBB8	RGB 185 187 184	#B9BBB8

#0D1208 #222E18 #3A4A2E #556649 #738269 #949E8E #B9BBB8

#0D1208 - #556649 - #B9BBB8

Códigos CSS

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

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