#0D1D14 - #B9BEBB | 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 #0D1D14 a #B9BEBB

#0D1D14 #B9BEBB

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

#0D1D14 - #B9BEBB | 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 #0D1D14 como 0% y #B9BEBB como 100%.

0.0%	0.0% #0D1D14	RGB 13 29 20	#0D1D14
16.7%	16.7% #29372F	RGB 41 55 47	#29372F
33.3%	33.3% #46524B	RGB 70 82 75	#46524B
50.0%	50.0% #636D67	RGB 99 109 103	#636D67
66.7%	66.7% #7F8883	RGB 127 136 131	#7F8883
83.3%	83.3% #9CA39F	RGB 156 163 159	#9CA39F
100.0%	100.0% #B9BEBB	RGB 185 190 187	#B9BEBB

#0D1D14 #29372F #46524B #636D67 #7F8883 #9CA39F #B9BEBB

#0D1D14 - #B9BEBB

Mezcla HSV

#0D1D14 - #B9BEBB | 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 #0D1D14 como 0% y #B9BEBB como 100%.

0.0%	0.0% #0D1D14	RGB 13 29 20	#0D1D14
16.7%	16.7% #1D3729	RGB 29 55 41	#1D3729
33.3%	33.3% #335240	RGB 51 82 64	#335240
50.0%	50.0% #4D6D5B	RGB 77 109 91	#4D6D5B
66.7%	66.7% #6C8878	RGB 108 136 120	#6C8878
83.3%	83.3% #90A398	RGB 144 163 152	#90A398
100.0%	100.0% #B9BEBB	RGB 185 190 187	#B9BEBB

#0D1D14 #1D3729 #335240 #4D6D5B #6C8878 #90A398 #B9BEBB

#0D1D14 - #4D6D5B - #B9BEBB

Códigos CSS

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

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