#193925 - #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 #193925 a #BDC6C0

#193925 #BDC6C0

Calcule el color entre dos colores, #193925 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)

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

0.0%	0.0% #193925	RGB 25 57 37	#193925
16.7%	16.7% #34503E	RGB 52 80 62	#34503E
33.3%	33.3% #4F6858	RGB 79 104 88	#4F6858
50.0%	50.0% #6B7F72	RGB 107 127 114	#6B7F72
66.7%	66.7% #86978C	RGB 134 151 140	#86978C
83.3%	83.3% #A1AEA6	RGB 161 174 166	#A1AEA6
100.0%	100.0% #BDC6C0	RGB 189 198 192	#BDC6C0

#193925 #34503E #4F6858 #6B7F72 #86978C #A1AEA6 #BDC6C0

#193925 - #BDC6C0

Mezcla HSV

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

0.0%	0.0% #193924	RGB 25 57 36	#193924
16.7%	16.7% #2A5038	RGB 42 80 56	#2A5038
33.3%	33.3% #3F684E	RGB 63 104 78	#3F684E
50.0%	50.0% #587F66	RGB 88 127 102	#587F66
66.7%	66.7% #769781	RGB 118 151 129	#769781
83.3%	83.3% #97AE9F	RGB 151 174 159	#97AE9F
100.0%	100.0% #BDC6C0	RGB 189 198 192	#BDC6C0

#193924 #2A5038 #3F684E #587F66 #769781 #97AE9F #BDC6C0

#193925 - #587F66 - #BDC6C0

Códigos CSS

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

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