#1A3025 - #BDC3C0 | 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 #1A3025 a #BDC3C0

#1A3025 #BDC3C0

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

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

0.0%	0.0% #1A3025	RGB 26 48 37	#1A3025
16.7%	16.7% #35483E	RGB 53 72 62	#35483E
33.3%	33.3% #506158	RGB 80 97 88	#506158
50.0%	50.0% #6B7972	RGB 107 121 114	#6B7972
66.7%	66.7% #86928C	RGB 134 146 140	#86928C
83.3%	83.3% #A1AAA6	RGB 161 170 166	#A1AAA6
100.0%	100.0% #BDC3C0	RGB 189 195 192	#BDC3C0

#1A3025 #35483E #506158 #6B7972 #86928C #A1AAA6 #BDC3C0

#1A3025 - #BDC3C0

Mezcla HSV

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

0.0%	0.0% #1A3025	RGB 26 48 37	#1A3025
16.7%	16.7% #2C483A	RGB 44 72 58	#2C483A
33.3%	33.3% #426151	RGB 66 97 81	#426151
50.0%	50.0% #5B796A	RGB 91 121 106	#5B796A
66.7%	66.7% #789285	RGB 120 146 133	#789285
83.3%	83.3% #99AAA1	RGB 153 170 161	#99AAA1
100.0%	100.0% #BDC3C0	RGB 189 195 192	#BDC3C0

#1A3025 #2C483A #426151 #5B796A #789285 #99AAA1 #BDC3C0

#1A3025 - #5B796A - #BDC3C0

Códigos CSS

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

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