#1B2712 - #BDC1BB | 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 #1B2712 a #BDC1BB

#1B2712 #BDC1BB

Calcule el color entre dos colores, #1B2712 y #BDC1BB. 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)

#1B2712 - #BDC1BB | 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 #1B2712 como 0% y #BDC1BB como 100%.

0.0%	0.0% #1B2712	RGB 27 39 18	#1B2712
16.7%	16.7% #36402E	RGB 54 64 46	#36402E
33.3%	33.3% #515A4A	RGB 81 90 74	#515A4A
50.0%	50.0% #6C7466	RGB 108 116 102	#6C7466
66.7%	66.7% #878D82	RGB 135 141 130	#878D82
83.3%	83.3% #A2A79E	RGB 162 167 158	#A2A79E
100.0%	100.0% #BDC1BB	RGB 189 193 187	#BDC1BB

#1B2712 #36402E #515A4A #6C7466 #878D82 #A2A79E #BDC1BB

#1B2712 - #BDC1BB

Mezcla HSV

#1B2712 - #BDC1BB | 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 #1B2712 como 0% y #BDC1BB como 100%.

0.0%	0.0% #1B2712	RGB 27 39 18	#1B2712
16.7%	16.7% #2F4023	RGB 47 64 35	#2F4023
33.3%	33.3% #465A38	RGB 70 90 56	#465A38
50.0%	50.0% #5F7452	RGB 95 116 82	#5F7452
66.7%	66.7% #7B8D71	RGB 123 141 113	#7B8D71
83.3%	83.3% #9AA793	RGB 154 167 147	#9AA793
100.0%	100.0% #BDC1BB	RGB 189 193 187	#BDC1BB

#1B2712 #2F4023 #465A38 #5F7452 #7B8D71 #9AA793 #BDC1BB

#1B2712 - #5F7452 - #BDC1BB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B2712 0%, #5F7452 50%, #BDC1BB 100%);
    background: -webkit-linear-gradient(top, #1B2712 0%, #5F7452 50%, #BDC1BB 100%);
    background: linear-gradient(to bottom, #1B2712 0%, #5F7452 50%, #BDC1BB 100%);
}
</style>