#1A3927 - #BDC6C0 | 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 #1A3927 a #BDC6C0

#1A3927 #BDC6C0

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

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

0.0%	0.0% #1A3927	RGB 26 57 39	#1A3927
16.7%	16.7% #355040	RGB 53 80 64	#355040
33.3%	33.3% #50685A	RGB 80 104 90	#50685A
50.0%	50.0% #6B7F73	RGB 107 127 115	#6B7F73
66.7%	66.7% #86978D	RGB 134 151 141	#86978D
83.3%	83.3% #A1AEA6	RGB 161 174 166	#A1AEA6
100.0%	100.0% #BDC6C0	RGB 189 198 192	#BDC6C0

#1A3927 #355040 #50685A #6B7F73 #86978D #A1AEA6 #BDC6C0

#1A3927 - #BDC6C0

Mezcla HSV

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

0.0%	0.0% #1A3927	RGB 26 57 39	#1A3927
16.7%	16.7% #2B503A	RGB 43 80 58	#2B503A
33.3%	33.3% #406850	RGB 64 104 80	#406850
50.0%	50.0% #597F68	RGB 89 127 104	#597F68
66.7%	66.7% #779782	RGB 119 151 130	#779782
83.3%	83.3% #98AE9F	RGB 152 174 159	#98AE9F
100.0%	100.0% #BDC6C0	RGB 189 198 192	#BDC6C0

#1A3927 #2B503A #406850 #597F68 #779782 #98AE9F #BDC6C0

#1A3927 - #597F68 - #BDC6C0

Códigos CSS

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

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