#1A4020 - #BDC8BF | 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 #1A4020 a #BDC8BF

#1A4020 #BDC8BF

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

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

0.0%	0.0% #1A4020	RGB 26 64 32	#1A4020
16.7%	16.7% #35563A	RGB 53 86 58	#35563A
33.3%	33.3% #506D55	RGB 80 109 85	#506D55
50.0%	50.0% #6B846F	RGB 107 132 111	#6B846F
66.7%	66.7% #869A8A	RGB 134 154 138	#869A8A
83.3%	83.3% #A1B1A4	RGB 161 177 164	#A1B1A4
100.0%	100.0% #BDC8BF	RGB 189 200 191	#BDC8BF

#1A4020 #35563A #506D55 #6B846F #869A8A #A1B1A4 #BDC8BF

#1A4020 - #BDC8BF

Mezcla HSV

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

0.0%	0.0% #1A4020	RGB 26 64 32	#1A4020
16.7%	16.7% #2A5632	RGB 42 86 50	#2A5632
33.3%	33.3% #406D47	RGB 64 109 71	#406D47
50.0%	50.0% #598460	RGB 89 132 96	#598460
66.7%	66.7% #769A7C	RGB 118 154 124	#769A7C
83.3%	83.3% #97B19C	RGB 151 177 156	#97B19C
100.0%	100.0% #BDC8BF	RGB 189 200 191	#BDC8BF

#1A4020 #2A5632 #406D47 #598460 #769A7C #97B19C #BDC8BF

#1A4020 - #598460 - #BDC8BF

Códigos CSS

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

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